SEMUA ADA DI SINI :): Mei 2012

4. pratinjau template dulu..apakah

Jumat, 25 Mei 2012

Sidebar Berstyle :)

Perlu Di Coba nih, pengen tau jadinya Liat aja di Blogku , sebelah kanan Yang ada Haiii dan follow follow itu Loh..pengen kan ? keren deh..cek di bawah ini. jangan Lupa di coba

1. Sign in akun blogger

2. Tata Letak >> Add A Gadget >> Html / Javascript

3. Copy paste kode di bawah pada ruang Html / Javascript tadi

<div style="background: #FFC8E3 repeat; repeat; padding: 5px; border:2px dashed #990066; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; -moz-box-shadow: 0 0 18px #FF3399 ; -webkit-box-shadow: 0 0 18px #FF3399 ; "><center></center>

Masukkan kode html widget / banner/ ayat anda / image apa saja yang anda nak letak di sini

</div>

NB :
Tulisan biru - masukkan kodE html gadget yang anda nak letak pada kotak sidebar ini. Contohnya kodE chatbox atau apa-apa saaja.

FFC8E3 - warna background kotak. Tukar kepada kodE warna yang anda mau. kode warna di bawah

dashed - jenis garisan kotak. ada solid, dashed atau dotted

990066 - warna garisan kotak. Tukar kepada kode warna yang anda mau.
FF3399 - warna bayang-bayang kotak. Tukar kepada kode warna yang anda mau.

kode warna silahkan Lihat

di sini

selamat Mencoba !

Efek Bubble Pada Blog :)

Bubble nya akan turun dari bawah blog naik ke atas, warna bubble bisa di ganti dengan warna kesukkan :)
mau tau langsung ? cek di bawah ini

1. Sign in akun blogger

2. Dashboard >> tata Letak >> Add A Gadget >> Html / Javascript

3) Copy dan paste kode di bawah ini pada ruang Html / Javascript tadi

<script type="text/javascript">
// <![CDATA[
var colours=new Array("#33FF33", "#33FF33", "#33FF33", "#33FF33", "#0000CC"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // how many bubbles are moving at any given time

/****************************
* JavaScript Bubble Bath *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* Tutorial by polskahackrew *
****************************/
var swide=800;
var shigh=600;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var b, i;
b=document.createElement("div");
i=b.style;
i.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();

var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

b.appendChild(rats);
bubb[i]=rats.style;
}
bubble();
}}

function bubble() {
var c;
for (c=0; c<bubbles; c++) if (!bubby[c] && Math.random()<0.333) {
bubb[c].left=(bubbx[c]=Math.floor(swide/6+Math.random()*swide/1.5)-10)+"px";
bubb[c].top=(bubby[c]=shigh)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
if (bubby[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubbx[i]+=(i%5-2)/5;
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}

window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
document.getElementById("bod").style.top=sdown+"px";
document.getElementById("bod").style.left=sleft+"px";
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]></script>

NB : 33FF33 -WARNA BUBBLE BORDER , tukar pada kode yang anda suka. lihat di bawah
0000CC - warna bubble. tukar pada warna kesuka'an anda.
mau pilih kode warna ?klik di sini

selamat Mencoba :)

Kamis, 17 Mei 2012

Efek Miring sa'at Cursor nyentuh Gambar :)

Wah menarik Bukan? Mau jelasin dikit ya kawan :) gini loh efek miring waktu Cursor menyentuh image[gambar] menarikk bukan. langsung Lah..

Caranya:

1) Sign in akun blogger

2) Template > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode

]]></b:skin>

4) Kemudian copy paste kode di bawah sebelum kode ]]></b:skin> yang anda cari tadi:

.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

5. Jangan asal save, Klik preview dulu :) kalo enggak error.. save boleh

selamat Mencoba :)

Sabtu, 12 Mei 2012

Floating Button Blog :)

Floating Button adalah Tombol yang memudahkan Pembaca Connect Dengan social Network Anda .
enakkan.. selain mudah , dia juga terlihat kemas dan elok ,
Floating button ini akan muncul pada sebelah sisi kanan atau kiri blog
elain sosial network, korang juga boleh letak button lain untuk floating button ini (cth: email, link blog, youtube dan etc)

Caranya :

1. Sign in akaun blogger

2. Tata Letak > Add A Gadget > Html / Javascript

3. Copy paste kode di bawah pada ruang Html / Javascript tadi

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='URL FACEBOOK ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='URL TWITTER ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='URL BLOG ANDA' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>

NB :
- Pada tulisan berwarna biru, masukkan url facebook, twitter dan blog
- Pada tulisan berwarna merah, masukkan url button yang Anda. Search button di google atau mana-mana image hosting. Kalau mau gunakan yang sedia ada pun tak ada masalah, tak perlu search.
- Yang warna purple pula, boleh tukar mengikut kesesuaian blog. Left boleh ditukar kepada right.

4) Save dan lihat hasilnya.

Cursor Text Bergerak :)

Caranya :

1) Login akun blogger > Tata Letak > Add A Gadget > HTML/Javascript

2) Copy paste kode dibawah pada ruangan html tadi

<style type="text/css">

/* Circle Text Styles */

#outerCircleText {

font-style: normal;

font-weight: normal;

font-family: 'ARIAL';

color: #8D38C9;

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 = "TEXT HERE";

var size = 24;

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>

NB :
Dalam kode di atas, tukarkan :
ARIAL - font pilihan Anda
TEXT HERE - masukkan text pilihan anda
8D38C9 - kode warna text pilihan anda, boleh pilih kode warna di bawah:
klik di sini)

SAVE DAN LIHAT HASILNYA :)

DropDown Menu :)

Laah.. aku Pake ini.. gak terlalu canggih memang, tapi dapat memudahkah Pandatang Blog. :)

Begini caranya :

1. Sign in akaun blogger

2. Tata Letak > Design > Add A Gadget > Html / Javascript

3. Copy paste kode di bawah pada ruang Html / Javascript tadi

Terdapat 2 pilihan kode,

Copy kode ini jika mahu link dibuka dalam page yang sama:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk menu</option>

<option value="Link 1">Menu 1</option>

<option value="Link 2">Menu 2</option>

<option value="Link 2">Menu 3</option>

<option value="Link 2">Menu 4</option>

<option value="Link 2">Menu 5</option>
</select>

Copy kode ini jika mahu link dibuka dalam page yang berlainan.

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option selected>Tajuk menu</option>

<option value="Link 1">Menu 1</option>

<option value="Link 2">Menu 2</option>

<option value="Link 3">Menu 3</option>

<option value="Link 4">Menu 4</option>

<option value="Link 5">Menu 5</option>
</select>

NB :
Tajuk menu - tajuk menu Anda [ judul yang anda inginkan ]
Menu - menu yang ingin kamu letakkan.
Link - link untuk setiap menu

SAVE dan lihat hasilnyaa....

Tombol Back To Top Pada Blog :)

Biasanya Posting Blog yang banyak atau Comentar yang banyak Memerlukan waktu untuk Samapi ke atas Lagi. Nah disni saya akan Memberi Trik Back to top Button.
Blogger biasanya menggunakan button "back to top" untuk memudahkan pelawat jump ke bagian atas blog semula tanpa perlu scroll tepi bar.

Caranya :

1. Sign in akaun blogger

2. Dashboard > Tata Letak > Add A Gadget > Html / Javascript

3. Copy paste kode di bawah pada ruang Html / Javascript tadi

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>

NB : Url gambar button Di atas itu di ganti dengan Url Back to Top... Urlnya di sediakan di Bawah ini..
bisa kok cari di Google..

http://img13.imageshack.us/img13/5533/20610818.png

http://img205.imageshack.us/img205/7824/74211510.gif

http://img196.imageshack.us/img196/6670/49238758.png

http://img266.imageshack.us/img266/3325/81258407.png

http://img857.imageshack.us/img857/4428/12543870.png

http://img267.imageshack.us/img267/7242/36935517.png

http://img543.imageshack.us/img543/5941/62667078.png

http://img859.imageshack.us/img859/7859/17455371.png

http://img26.imageshack.us/img26/2135/83340054.png

Save dan Lihat Hasilnyaa,, :)

Alert message pada blog :)

Mau seperti ini ? Tulisan seperti ini Muncul ketika membuka Blog.. Langsung deh ini caranya :

1. Sign in akaun blogger

2. Tata Letak > > Add A Gadget > Html / Javascript

3. Copy dan paste kode di bawah pada ruang Html / Javascript tadi

<script> function MYALERT() {
alert("AYAT ORANG DI SINI"); } MYALERT()
</script>

Pada AYAT ORANG DI SINI, masukkan ayat yang Anda ingin letak sebagai message alert.

4. selesai, klik save dan lihat hasilnya.

Selamat mencoba!

Mengunci FOLDER dengan NotePad :)

Kayaknya aku udah ngasih Pengunci Folder ya? tapi ini mah yang gampang dan Padaaat,, file kalian bisa tersembunyi tanpa bisa di buka Oleh orang orang jail yang tidak mengetahui paswordnya, hehe
Udah penasaran ya ? aku udah berhasil jalanin ini,, enaak Looh

Buka NOTEPAD

Taruh Kode dibawah kedalam NOTEPAD

@ECHO OFF
indonezian kunci folder
if EXIST "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" goto UNLOCK
if NOT EXIST Locker goto MDLOCKER
:CONFIRM
ARE YOU SURE WANT TO LOCK FOLDER ??(Y/N)
set/p "cho=>"
if %cho%==Y goto LOCK
if %cho%==y goto LOCK
if %cho%==n goto END
if %cho%==N goto END
echo Invalid choice.
goto CONFIRM
:LOCK
ren Locker "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
attrib +h +s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
echo Foldernya dah terkunci
goto End
:UNLOCK
PLEASE INSERT PASSWORD!
set/p "pass=>"
if NOT %pass%== rahasia goto FAIL
attrib -h -s "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}"
ren "Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}" Locker
echo Folder Unlocked successfully
goto End
:FAIL
echo Invalid password
goto end
:MDLOCKER
md Locker
echo Foldernya berhasil di buat
goto End
:End

Tulisan yang berwarna Merah diatas adalah sebuah password untuk membuka folder kamu jika kamu ganti dengan ganteng maka passwornya akan berubah menjadi ganteng
kemudian pilih File kemudian Save As, Ganti Save as type dengan All Files
Di filename kamu kasih extensinya *.bat misalnya (folder_kunci.bat) kemudian save

Klick ganda pada file yang tadi kamu simpan dengan extensi *.bat dan akan keluar di cmd.exe
kamu harus menulis password yang telah kamu masukkan tadi kemudian tekan ENTER.
Setelah itu nanti ada sebuah folder dengan nama Locker nah kamu simpan file-file pribadimu disitu .
kalau sudah klick kembali file *.bat yang kamu simpan tadi dan ketik y kemudian enter untuk mengunci dan menyembunyikan Folder kamu lagi...

selamat Mencoba

Welcome Image Pada Blog :)

Waaw bagus nih, kereeeeen... aku udah coba dan hasilnyaa baguuss,
ini nih Caranyaa :

NB : sebelu itu Backup Template terlebih Dahulu, soalnya kalo gak gitu.. pas u coba dan kurang sreek.. gak bisa di kembali'in No delete.. jadi hati Hati ya?

1. Sign in akun blogger
2.Template > Edit HTML > Tick kotak "Expand Widget Templates"
3. Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode

]]></b:skin>

4. Kemuadian Copas Kode Di bawah ini sebelum atau di atas Kode yang ada di cara ke 3.

</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="URL IMAGE WELCOME"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>

eiiittss jangan lagsung Copas , tulisan URL IMAGE WELCOME itu ganti sama Ulr Welcome yang kalian Suka, image welcome bisa di pilih di bawah ,copy url yang sudah di sediakan..

http://img827.imageshack.us/img827/2415/47060660.gif

http://img821.imageshack.us/img821/1397/61645383.png

http://img137.imageshack.us/img137/6722/78563544.png

http://img831.imageshack.us/img831/7031/46029943.gif

http://img42.imageshack.us/img42/2760/13929553.gif

http://img190.imageshack.us/img190/2280/87105761.png

http://img811.imageshack.us/img811/2034/74209346.png

5. Selepas masukkan url image pada kode, anda klik save template. Kemudian akan keluar "keep widget or delete widget", pilih delete widget ye.

6. Lastly klik preview, kalau menjadi, terus klik save template.

selamat Mencoba

Sumber: JOMBINABELOG

Like FanPage Facebook Sebelum Masuk Blog :)

Perlu di coba ini Kawan.. dan aku juga mau coba coba.. Hehehe..nanti Bisa banyak yang ngelike fanspage kita :) enakkaan ? hehhee.. ayo deh buruan gak usah lama lama....

1. Sign in akaun blogger

2. Template > Edit HTML > Tick kotak "Expand Widget Templates"

3. Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode

<body expr:class='"loading" + data:blog.mobileClass'>

atau

<body>

4) Kemudian, copy dan paste kode di bawah SELEPAS / DI BAWAH kode yang anda cari di langkah 3 tadi

<script type='text/javascript'>KNFBFansPRO="FANS BLOG"</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakiblogger.css' rel='stylesheet' type='text/css'/>
<script src='http://yourjavascript.com/0143115100/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://yourjavascript.com/5400531110/likeboxfbfan-pro.js' type='text/javascript'/>
<script language='javascript'>
$(document).ready(function() {
$('body').KNFBFansPRO( {
url: "https://www.facebook.com/pages/FANS-SNSD/154723274600197",
tunggu: 15,
wait: 1440,
tutup: false
} );
});
</script>
<div id='fbtpdiv'/>

NB :

Biru - nama fan page
ungu - URL fan page anda

5) Klik preview, jika engga error klik save template.

Selamat BerhasiL...:)

Letak Frame Pada SHOUTBOX :)

waaww baguss nih kayaknyaa , aku copas nih :) sorry ya ? soalnya buat pengetahuan, aku udah bilang kok.
Oh ya , blog siapa yang Punya Shoutbox ? Pengen di beri Frame ayoo,,! tonton terus blog ini..
Contoh nya Nih

Caranya :

1. Sign in akaun blogger

2.Tata Letak>> >> Add A Gadget >> Html / Javascript

3. Copy dan paste kode di bawah pada ruang Html / Javascript tadi.

<center><div id="edited" style="width:200px; height:370px; background:url(URL IMAGE FRAME) no-repeat left top; padding-top:93px; padding-left:0px; position:relative" align="center">KOD SHOUTBOX</div></center>

NB :
URL IMAGE FRAME - masukkan url image frame yang anda suka. anda boleh create sendiri atau just pilih frame yang dah disediakan di bawah.
KODE SHOUTBOX - masukkan kode shoutbox anda.
Contoh :

<center><div id="edited" style="width:200px; height:370px; background:url(http://img535.imageshack.us/img535/2325/frame6p.png) no-repeat left top; padding-top:93px; padding-left:0px; position:relative" align="center">SHOUT BUSUK : Start !--><iframe src="http://shout.busuk.org/?xxxx" width="180" height="255" frameborder="0" scrolling="auto"><a href="http://shout.busuk.org/?xxxx=viewfull">View shoutbox</a></iframe>
</div></center>

Beberapa Shoutbox Yang di sediakan..

http://img856.imageshack.us/img856/9573/framefibox5.png

http://img838.imageshack.us/img838/9023/framefibox4.png

http://img696.imageshack.us/img696/1825/framefibox3.png

http://img825.imageshack.us/img825/6149/framefibox2.png

http://img827.imageshack.us/img827/5499/framefibox1.png

selamat Mencoba

Tulisan Bergerak Di Menu Bar :)

Tau kan menubar ? Itu yang di atas.. yang kayak Punyaku . tulisan bergerak gerak itu.. :)
Pengen Gak ? Kalau pengen Aku berbaik hati Untuk ngasih Caranya :)

1. Sign in akun blogger anda

2. tata Letak > Add A Gadget > Html / Javascript

3. Copy dan paste kode berikut dalam ruangan HTML/Javascript tadi

<script language=javascript>
msg = "tulis yang anda ingin";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

NB : tukarkan tulis yang anda ingin Di atas dengan keinginan anda sendiri :)

pratinjau.. lalu kalau enggak errorr... Klik save..

selamat mencoba

Efek Blog Hujan Bintang dan Cinta :)

Maau Maauuu ? cuma pengetahuan nih, scrip ini belum aku coba, tapi katanya ini bagus kok.
Caranya ? Mau tau ? Silahkan ini dia

dan seperti biasa untuk pemasanganya langkah - langkahnya sebagai berikut
1. login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Pilih tambah HTML JavaScript.
5. Copy script di bawah kemudian paste kedalam kotak HTML JavaScript.
6. Klik tombol Simpan

Kode Hujan Cinta

<script src="http://anas.ku93.googlepages.com/lovingheart.js"><br /></script>

Kode Hujan Bintang

<script language="JavaScript" src="http://www.geocities.com/yono_pati/bintang.js"><br/><br/></script>

Silahkan Mencubaa...

Cara Buat Menu Acorden :)

Tertarik ?
Gampaang Kok..Mau minta caranya ? ya Udah deh.. aku kasih.. ni

Tata Letak >> Tambah Gadget >> Java Script\HTML >> Masukkan Sricp di bawah ini

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://serllymaharani.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

NB : Ganti warna merah itu dengan Nama Blog kamu dan.harap diketahui nanti diwidget tersebut yang akan muncul adalah judul label yang ada diblog anda.
selamat mencoba.

Semoga Berhasil

Efek Link Bergoyang :)

Mau Coba Link bergoyang ? Boleh.. pengen tau caranya ? Boleh pastinya..
Link ini Kalau di sentuh Cursor itu Joget Joget :)Mau Coba kan ? ini caranya :)

1. Login Ke Blog mu
2. Pada Dasbor Pilih >>Template-->Kemudian EDIT HTML
3.Cari Kode </head> dan copy kode dibawah ini dan paste / taruh tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

4. Pratinjau dulu ya Bro, jangan langsung save, liat Bisa atau enggaknya..
5. Kalau bisa save daah..

Semoga berhasil :)

Efek Bintang Angkasa Di Blog :)

Semua boleh coba efek ini untuk tema blog ala-ala star wars ;) Caranya:

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi:

<script type="text/javascript">
// <![CDATA[
var speed=33; // lower number for faster
var warp=3; // from 1 to 10
var stars=100; // number of stars
var colour="#66FF66"; // colour of stars
var position=0; // set to '-1' for stars to appear behind text on page

/****************************
* Star Warp Effect *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* Tutorial by Polskahackrew *
****************************/
var i;
var strs=new Array();
var strx=new Array();
var stry=new Array();
var stdx=new Array();
var stdy=new Array();
var swide=800;
var shigh=600;
warp/=100;
window.onload=function() { if (document.getElementById) {
var b, s, temp;
set_width();
b=document.createElement("div");
s=b.style;
s.position="absolute";
s.zIndex=position;
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
for (i=0; i<stars; i++) {
strs[i]=document.createElement("div");
strs[i].style.backgroundColor=colour;
strs[i].style.overflow="hidden";
strs[i].style.position="absolute";
stdy[i]=Math.random()*4-2;
stdx[i]=Math.random()*6-3;
temp=Math.random()*100;
strx[i]=swide/2+temp*stdx[i];
stry[i]=shigh/2+temp*stdy[i];
if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) {
strs[i].style.width="2px";
strs[i].style.height="2px";
}
else {
strs[i].style.width="1px";
strs[i].style.height="1px";
}
b.appendChild(strs[i]);
}
setInterval("warp_drive()", speed);
}}

function warp_drive() {
for (i=0; i<stars; i++) {
stry[i]+=stdy[i];
strx[i]+=stdx[i];
stdx[i]*=1+warp;
stdy[i]*=1+warp;
if (stry[i]>0 && stry[i]<shigh-3 && strx[i]>0 && strx[i]<swide-3) {
strs[i].style.left=Math.floor(strx[i])+"px";
strs[i].style.top=Math.floor(stry[i])+"px"
}
else {
strx[i]=swide/2;
stry[i]=shigh/2;
stry[i]+=stdy[i]=Math.random()*4-2;
strx[i]+=stdx[i]=Math.random()*6-3;
if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) {
strs[i].style.width="2px";
strs[i].style.height="2px";
}
else {
strs[i].style.width="1px";
strs[i].style.height="1px";
}
}
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth-13;
shigh=self.innerHeight-13;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
swide-=2;
shigh-=2;
}

window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
// ]]>
</script>

66FF66 - warna bintang. Tukar kode warna yang anda suka :)di sini

selamat mencobaaaa... :)

Cursor Diikuti Bubble :)

mau ? Baguuss.. Kokk...Untuk membuat effect cursor mengeluarkan buih di dalam blog anda, sila ikuti tutorial di bawah:

1) Log in akaun blogger anda

2) Dashboard > Design > Add A Gadget > HTML / Javascript

3) Pada ruang HTML / Javascript, copy paste kod di bawah

<script type="text/javascript" src="https://sites.google.com/site/jombinabelogcursorbuih/bubble%20cursor.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#FFFF33", "#FFFF33", "#FFFF33", "#FFFF33", "#FFFF33"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen
/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="3px";

bubb[c].height="3px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}

window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}

// ]]>

</script>

Untuk menukar warna bubble, tukarkan kod berwarna kuning di atas kepada kod warna pilihan anda. Pilih kod warna di sini

Klik Save dan Lihat apa Yang terjadi :) Selamat Mencoba :)

Cara Buat Link Pelangi [Kedap Kedip] :)

Haii.. apa Bila Cursor Mouse kita di Letakkan Pada judul Postingan atau Link, Link Tersebut akan Berubah Effect Warna Warni :) menarikkan ?ayo kita coba caranya

1) Login akun blogger anda

2) tataletak > Add A Gadget > HTML / Javascript

3) Copy kode di bawah dan paste dalam ruangan HTML tadi

<script src="https://sites.google.com/site/tutorialcursorsparkle/rainbow.user.js" type="text/javascript">
/***********************************************
http://jombinabelog.blogspot.com/
***********************************************/
</script>

Save dan Lihat Bagaimana Nanti Hasilnyaa...

Selamat Mencoba :)

Tombol Like Facebook Pada Entri Post :)

Waaw. mau dooongg...Selain meletakkan button ini di sidebar, anda juga boleh meletakkannya pada setiap atas entri post blog anda.

Caranya Gampang :

Sign Akun Blogger [ itu pasti ]
Template-->Edit HTML-- > Tick kotak "Expand Widget Template"
Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode

<div class='post-header'>

4. Letakkan kode di bawah SEBELUM kode <div class='post-header'> yang anda cari di langkah 3 tadi

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

Contohnya seperti ini :

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

<div class='post-header'>

5. Terakhir.. Pratinjau atau Save

Selamat Mencoba :)

Mengunci Folder Tanpa Software :)

Mengunci ? Kenapa Di kunci ? sebagian Orang mungkin mempunya Folder Pribadi, yang tidak Boleh di Buka Oleh siapapun yang sedang meminjam Komputer atau Laptopnya, karna itu banyak Orang mencari cari SOFTWARE FOLDER LOCK. saya akan ngasih tau cara gampangnya NO software , Bagaimana Bisa? ayuukk Kita Tumpas semua...
untuk mengunci folder anda tersebut caranya sangat mudah cukup anda rename folder anda dengan memakai akhiran .{21EC2020-3AEA-1069-A2DD-08002B30309D} misal semula folder anda bernama Rahasiaku maka renamelah menjadi Rahasiaku.{21EC2020-3AEA-1069-A2DD-08002B30309D} dengan pemberian nama baru tersebut (rename) itu artinya windows akan
mengarahkan folder tersebut ke Control Panel. Jadi ketika ada orang yang membuka Folder DataRahasia anda, maka orang tersebut akan membuka Control Panel bukan isi folder anda. Itu artinya data pribadi anda aman dari tangan-tangan jahil.

Bisa Kan ? Gampang Kan ? Untuk membuka Kembali Folder yang sudah di kunci itu cukup anda rename folder anda tadi ke nama semula, misal jadi DataRahasia seperti sebelum direname.

Tips ini berjalan dengan baik di Windows XP SP2

eh ada kecualianya nih

ada banyak orang yang kesulitan untuk membuka kembali Folder mereka yang udah Kekunci , Hayyooo Mau nangis ya? eiits jangan dulu , apakah di Computer anda ter instal program Winzip? bila sudah " Klik Kanan "->> klik “add to zip file”->>Dan Munculah File Rahasiaku.{21EC2020-3AEA-1069-A2DD-08002B30309D}.zip, sertelah ento -->double klik file zip yang baru tercipta-->kan melihat file yang terdapat dalam folder tersebut--> di jendela Winzip -->pilih menu Actions-->Select All (atau anda cukup tekan Ctrl+A) sehingga semua File dalam Winzip tersebut terpilih, setelah itu tinggal anda Drag file tersebut ke folder lain

Mudah Bukan ?

Sumber : http://vikrymadz.blogspot.com

Cara Ganti CURSOR di BLOG :)

Bosen dengan Tampilan Cursor di Blogmu yang itu itu saja ? mau nuansa baru gak ? mau cursor kayak gini ?

Mau Kan yang Kayak Gini ? Masih banyak Pilihan. Juga bisa di Buat CURSOR LAPTP\COMP
kamu.. langsung aja deh ini caranya [ KHUSUS YANG BUAT BLOG]

Caranya :
1) Pergi ke sini
2) Pilih cursor dan copy kode Cursornya [ yang ada di bawah ]
3) Pergi ke akun blogger mu, klik Tata Letak >> Tambah Gadget atau Add A Gadget >> HTML / Javascript
4) Paste kode cursor tadi di ruangan HTML / Javascript
5) Klik Save dan lihat hasilnya

Selamat mencoba Kawan :) semoga Berhasil.

Mau Copas ? Sertakan Sumbernya ya [ alamat blogku ]

Cara Matikan Computer ORANG Di WARNET :)

Bukanya Ngajarin Yang enggak Bener Ya kawan, Hanya Mau ngasih Pengetahuan.
Oke deh saya akan Menunjukkan cara caranya Biar agan agan semua enggak Penasaran

mungkin waktu maen di warnet lalu merasa tidak nyaman dengan pelayanan operatornya, Mungkin tips ini bisa sedikit membantu untuk menjaili sang operator tersebut....Biar ~~Mampus sekalian~~
Langsung Aja. cekidot gan

cara matikan Komputer Orang di Warnet [ warung internet ]

1. Catat IP korban yang ada ( seandainya tidak ada mungkin ada bisa menggunakan IPscanner atau sejenisnya )
2. Buka RUN -->> CMD -->> ketik shutdown.exe -i -m -->> enter
3. Masukkan IP sang korban. hihihihiii
4. pilih yang akan dilakukan ( restrat, shutdown, dll ) kebetulan saya memilih shutdown.
jangan lupa tinggalin pesan box yang paling bawah.
5. klik OK

Dan Hasilnya Komputernya DEAD alias MATI seketika :)

Silahkan Mencoba ^^

Langganan: Postingan (Atom)