♥ I HAVE A DREAM ♥

tutorial tukar warna highlight

hye

now aku na ajar kowunk uat tuto about tukar warna highlight .

when kowunk uat tuto nieh ,

kowunk boleyh tuka kala highlight kowunk macam aq punye .

ukey .

na buat ke ta nie ?

kalau na buat ,

ikot step at bawah nie betul-2 .

jangan tersilap pulak ye ...

first : dashboard - design - edit html - tick expand widget templates

second : tekan CTRL and F secare serentak untuk cari code nieh :

]]></b:skin>

sudah jumpe ?

kalau sudah ...

copy code at bawah nie dan paste at ATAS code yang kowunk cari tadi .

::-moz-selection{

background:#000000;

color:#ffffff;

}

::selection {

background:#000000;

color:#ffffff;

}

*yang warna purple dan merah uh : kowunk tukarkan dengan ape-2 color yg kowunk nak ye ~

kalau kowunk nak cari code colour ,

kowunk boleyh cari at SINI

siap !

preview dulu tau .

kalau sudah puas aty ,

baru save .

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial energy saving mood

hey .

nie request dari sahabat di shoutbox saia .

ntahsapename

ukeyh .

nie energy saving mood uh :

sebelom saia na bg code untuk energy saving mood nie .

saia nak ingadd an at kamoo semue .

kepade sesiapa yang ade buat energy saving mood

dan code die jenis yg nie :



<script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/>



mcm mne na buang ?

cari at tempat kowunk letak code tu la .

atas code :

</head>

TOLONG BUANG CODE NIEH !

SEBAB CODE NIE BERVIRUS .

TERUTAMA PERKATAAN YG BERGARIS TUH !

kalau na buat yg TERBAEK n TADE VIRUS ..

boleyh ikot step nie .

first : dashboard - design - add a gadget - html/javascript

second : copy code at bawah nie dan paste at dalam kotak html uh .

<script src='http://www.vincentcheung.ca/jsencryption/jsencryption.js' type='text/javascript'></script><script type="text/javascript">if (window.jstiming) window.jstiming.load.tick('headEnd');</script><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script><script type='text/javascript'></script><script type='text/javascript'>

okeyh !

siap !

kalau na buat ~

buat la ye ...

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial blockquote *permulaan

hey u all .

tengok kotak at bawah nie :

cantek tak kotak nie ? cantek tak ? mesti cantek kan ? na buat ta ?

nie request dari sahabat saia yang menginginkan blockquote seperti saia .

kowunk na buat ta kotak camtu ?

kalau na buat ~~~~

ikot la step nieh ~

first : dashboard - design - edit html - tick expand widget templates

second : tekan CTRL dan F secare serentek untuk cari code at bawah nie :

]]></b:skin>

jumpa ta ?

kalau sudah jumpe

copy plak code at bawah nie dan paste at ATAS cope yang kowunk cari uh ~

.post blockquote {
background:url(URLGAMBAR);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;
margin:1em 20px;
}

ukeyh .

*yang URL GAMBAR uh kowunk kene gantikan dengan url background yang kowunk nakkan .

kowunk boleyh cari at sini .

*Border: 1px solid #ff0d62; ; yg 1px tu saiz border dye . solid tu boleh dituka jugak dengan dashed ( - - - - ) ataupun dotted ( . . . . ) . #ffod62 tu pulak tukarkan dengan code colour untuk border dye .

ukeyh ~

siap !

jangan lupe preview dulu tau . baru save .

kalau na buat blockquote uh kowunk kene tengok at bawh nie .
ade care-2 nye ~

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial blockquote hover kuar gambar kecik at hujung

hey .

ukeyh .

na gtau about tuto nieh .

blockquote ni if kowunk hover , nanty akan kuar icon kecik at hujung blockquote uh .

*PERHATIAN !

ia hanya berfungsi pada blockquote yang berwarna dan tiada background or anything .

sudah faham ?

kalau na buat .

sile ikot step nie betol-2

first : dashboard - design - edit html - tick expand widget tamplates

second : tekan CTRL+F untuk cari code nieh :

.post blockquote {

sudah cari ?

lepas dah jumpe ,

*kowunk kene DELETE code blockquote kowunk yg lame tuh .
at sini ye ~

then kowunk copy code at bawah nie dan paste at bawah code yg kowunk dah cari tuh .

background-color: #FBEFEF;border:1px solid #F78181;padding: 5px;}.post blockquote:hover {background-image:url(URL ICON KECIL ANDA);background-position:bottom right;background-repeat:no-repeat;}

*yang warna pink uh untuk background colour blockquote .

*yang warna purple uh untuk calar border .

*yang warna biru uh untuk URL icon bile dah dihover .

kalau kowunk na code warna kowunk boleyh cari at sini :

HTML COLOUR CODE

siap .

jangan lupe save yea .

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial double underlined or single underlined

hallo

arynie aku na ajar kowunk uat underlined yg cantek

*cantek sangat ke ?

hahah

contohnye :

selamat datang ke blog miss double f

ukeyh . yg tu single jewh .

aku na ajar at kowunk due-2 .

kalau na buat follow step bawah nie ye ~

first : dashboard - design - edit html - tick expand widget .

second : tekan CTRL+F secare serentak untok cari code nieh :

/* header

sudah jumpe ?

kalau sudah ikot step nie plak ~

single underlined

paste code at bawah nie di ATAS code yang kowunk cari tadi yea ~

u {

text-decoration: none;

border-bottom: 2px solid #fda3c1;

padding: 0px;

}

double underlined

u {border-bottom: 2px solid #fda3c1;padding: 0px;}

yang solid kowunk boleyh tukar kan dengan at SINI

yang warna merah tuh kowunk boleyh tukarkan dengan code warna yang kowunk nak .

siap !

jangan lupe preview dulu tau baru save .

kalau na buat underlined , kowunk tengok at bawah nie ,
kowunk kene tekan ~~~~~ :

*tekan gambar uh untuk pembesaran

sudah faham ?

credit to : adeq nasuha

sekian ...

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial floating bubble di blog

hey .

ukeyh ~

sebelom nie saya buat tuto floating heart di blog kan ?

skang nie plak saya na buat tuto floating bubble di blog plak ~

ukeyh ~

sape yg na buat tuto nie sile follow step berikut ~

first : dashboard - design - add a gadget - html/javascript

second : copy code at bawah nie dan paste at dalam kotak html uh ~

<script type="text/javascript" src="https://sites.google.com/site/jeritanblog/javascript/bubble.js"></script>

siap !

jangan lupe save ye ~

sekian .

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial floating heart di blog

hye u all ~

ary nie saya na buat floating heart di blog .

tau ta bende ape tuh ?

ukeyh , kalau kowunk buat tuto nie .

kowunk akan dapt tengok heart yg banyak-2 terapung at blog kowunk .

kowunk na buat ta tutorial floating heart nie di blog ?

kalau na buat ikot step nie ~

first : dashboard - design - add a gadget - html/javascript

second : copy code at bawah nie dan paste at dalam kotak html uh ~

<script type="text/javascript" src="https://sites.google.com/site/jeritanblog/javascript/heart.js"></script><a

ukey !

siap !

jangan lupe save ye ~

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial snow ball

hey .

na buat falling snow ta ?

kalau na buat ikot step nieh .

first : dashboard - design - add a gadget - html/javascript
second : copy code at bawah nie dan paste at dalam kotak HTML uh ~

*code bawah nie , saia yg punya !

<script>
//Here you can add your own picture for snow. Just change the urlvar snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"//how many snowflakes there will be (currently 12)var no =40;//How fast will the snow disappear (0 is never)var hidesnowtime = 0;//The height the snow will reach before it disappears ("windowheight" or "pageheight")var snowdistance = "pageheight";///////////////////////////////End of Settings///////////////////////////////////var ie4up = (document.all) ? 1 : 0;var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
var dx, xp, yp;var am, stx, sty;var i, doc_width = 800, doc_height = 600;
if (ns6up){doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up){doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}
dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();
for (i = 0; i < no; ++ i){dx[i] = 0;xp[i] = Math.random()*(doc_width-50);yp[i] = Math.random()*doc_height;am[i] = Math.random()*20;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();if (ie4up||ns6up){if (i == 0){document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");}else{document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");}}}
function snowIE_NS6(){doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;for (i = 0; i < no; ++ i){yp[i] += sty[i];if (yp[i] > doc_height-50){xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = 0;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();}dx[i] += stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";}snowtimer=setTimeout("snowIE_NS6()", 10);}
function hidesnow(){if (window.snowtimer) clearTimeout(snowtimer)for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"}

if (ie4up||ns6up){snowIE_NS6();if (hidesnowtime>0)setTimeout("hidesnow()", hidesnowtime*1000)}</script>

*yang warna biru tuh kowunk boleyh gantikan dengan code yg kowunk na . ade at bawah nie .

warna hitam

http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png

warna biru

http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png

warna pink

http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png

*code kalar hitam , biru dan pink ini dari : kak lyssa .
saia punye yg bawah nie ~

warna putih

http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png

sudah siap ?
okeyh !
jangan lupe save ye .

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial button dashboard and follow

hey .

na buat ta tutorial button dashboard dan follow .

before that .

kowunk tau ta ape bende due-2 buttuon uh ?

ukey .

kowunk tengok at tepi blog aku ,

ade button berwarne itam bertulis dashboard dan follow ?

kalau ta jumpe , buat-2 jumpe la ye .

haha

ukeyh . kalau na buat ,

ikot step bawah nie ye ~

first : dashboard - design - add a gadget - html/javascript

second : copy code at bawah nie dan paste at dalam kotak html uh .

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>

yang wrna merah uh : button untuk follow
yang warna purple uh : untuk dashboard
yang warna pink uh : kowunk letak blog ID kowunk

kalau na cari blog ID :
dashboard - design :

*klik untuk pembesaran

sudah siap !

jangan lupe save ye ~

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial wishlist

hallo guys .

aku na bagi at kowunk tutorial wishlist .

nie permintaan dari cousin saia yang bernama FIZA

ukeyh .

we'll continue back .

first step : dashboard - design - add a gadget - html/javascript

second step : copy code at bawah nie dan paste at dalam kotak html uh .

<form name=myform><input type="checkbox" name="mybox" value="satu" checked />satu<br /><input type="checkbox" name="mybox" value="dua" checked />dua<br /><input type="checkbox" name="mybox" value="tiga" checked />tiga<br /><input type="checkbox" name="mybox" value="empat" disabled/>empat <br /></form>

sudah copy ?

dah letak dalam kotak HTML uh ?

ukey .

kalau sudah ....

buat nie plak .

*yang warna MERAH : tukarkan dengan nama barang/bende yg kowunk nakkan .

*yang warna BIRU : kowunk tukarkan dengan pekataan CHECKED or DISABLED sahaja .

sudah siap !

save tau !

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial untuk hide shoutbox jenis pop-up window

hye ~

kowunk tau ta ape maksod pop-up window ?

alah ~

kowunk tekan shoutbox saia uh .

nnty die kuar tetibe kan ?

selalunye die akan kuar dri tepi .

but yg nie kua tetibe .

ukey . kalau na buat follow step nieh ~

saia baru jewh belajar buat tuto neih .

so , follow je la ye ~

first : dashboard - design - add a gadget - html/javascript

then : copy code nieh dan masokkan dalam kotak html uh ~

<center><style type='text/css'></style>
<div style='display:scroll; position:fixed; top:50px; right:-0px;'>

<center>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();

//Get the A tag
var id = $(this).attr('href');

//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();

//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();

//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);

//transition effect
$(id).fadeIn(2000);

});

//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();

$('#mask').hide();
$('.window').hide();
});

//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});

});
</script>
<style>
img { border: none; }
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}

#boxes .window {
position:fixed;
left:0;
top:0;
width:225px;
height:400px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #evariena {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_JH2-A8nAaQW6vevYWZAZ8Kp-rfWAIxAgCZBjmdGOWLbcEkyhjmjEdlY17iU0bgo6hHdMTUKd6HLNLlDRCOTUTGDbqCDCBDSuhpkutjky2xlJ766fy31CBLeBW2S48BHFbKTz2BR9mgI0/s1600/Mary+shout.png

) no-repeat 0 0 transparent;
width:720px;
height:460px;
padding:56px 0 20px 5px;
}
#closesb {
padding:2px 0 0 0;
}
#author {
padding:8px 0 0 168px;
}
</style>
<ul><center> <a href="#evariena" name="modal"><img src="letak URL image kowunk at sini" border="0" /></a> </center> </ul>
<div id="boxes">
<center>
<div id="evariena" class="window">
letak code shoutbox kowunk at sini

<div id="author">
</div><div id="closesb"><input type="button" value="Close" class="close" />
</div></div></center></div>

<div id="mask"></div></center></div>
<center>
</center></center><center></center>

*yang warna pink : kowunk tuka ngan background yang kowunk na ~

*yang warna merah : kowunk gantikan dengan URL image kowunk ~
kalau kowunk nak icon , kowunk boleyh ambek dekat sini :
http://chintakamoo.blogspot.com/2011/08/cutey-icon-for-shoutbox.html

*yang warna hijau : kowunk letak code shoutbox kowunk at situ ~

kalau ade pape masalah sile COMENT post nieyh ye ~

credit to : http://senoritaefiey.blogspot.com/

*thanx ye fiey ~

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial gerakkan tittle blog

hey

na buat ta bende nie ?

before aq ajar kowunk ,

aq na perkenal kan at kowunk ape bende uh ~

kalau na tau .

kowunk tengok at ats sekali uh .

at tabs kowunk .

ade pekataan bergerak kan ?

hah !

yang tu la .

kalau na buat .

follow tuto nieh !

first : dashboard - design - add a gadget - html

then : copy code at bawah nie dan paste at dlm kotak html

<script language=javascript>msg = "Title Blog Anda";
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>

*yang warna merah uh kowunk gantikan dengan pekataan yang kowunk na ~

sudah siap !

jangan lupe save tau ~

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

header yang ke-9

halo readers .

semalam aq tukar header untuk blog aq nieh .

da jemu la katekan .

but an ~

bile aq check balek header aqu yang lame ~

bawu aq sedar .

yang header yang bawu nie adeah header yang ke-9 .

bnyk kan aq tukar ?

hahaha

normal lah !

aq nie cerewet .

kalau ade mcm ta betol jewh .

mesti aq tukar .

hahah

amacam ?

ukey ta header yg ke-9 nieh ?

aq maen tembak jewh .

asalkan siap .

hahah

aq ta de idea la na uat header yg menarik ~

kowunk bg la at aq idea .

^-^

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial divider bawah post

hey .

untuk post nie ta payah la kan aq na terng kan ?

kowunk mesti da nmpk love at post aq yg bawah sekali tu .

ukey .

ta na panjang cerite .

step 1 : pegi at dashboard - design - edit html - tick expand widget template

step 2 : tekan CTRL+F secare serentak untuk cari code :

<div class='post-footer-line post-footer-line-3'/>

suda ? kowunk copy plak code at bwh nie dan paste at BAWAH code yang kowunk cari tadi .

<center><img height='20' src='urldivider'/></center>

*biru - tukar ketinggian divider kowunk

*merah - letak code divider kowunk at situ

kowunk boleyh cari code divider at ----> sini

contoh divider . kalau nak ambek jewh , aku ta kesah :

http://sl.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif

http://sl.glitter-graphics.net/pub/129/129211n1bn6wc3td.gif

http://sl.glitter-graphics.net/pub/869/869679rvg8xnldxk.gif

http://sl.glitter-graphics.net/pub/751/751496ixk88cctgr.gif

sudah siap ,

btw , before save preview dulu .

kalau kowunk sudah puas aty bawu kowunk save .

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial remove or make an auto hide navigation bar

hey .

tuto kali ini tentang navigation bar .

tau ta yg mne satu navigation bar ? hah ! yg at bwh nie la ~

da tau kan ?

kalau kowunk na buat . kowunk follow step nie .

but kowunk mesti pilih la antare sembunyikan terus atau auto hide ~

pilihan 1

remove navigation bar

untuk tuto nie :

kowunk akan remove / buang navigation bar ~

1 : dashboard - design - edit html - tick expand widget template

2 : tekan CTRL+F untuk cari code :

]]></b:skin>

sudah jumpe ? now copy pulak code nie dan paste at ATAS code ]]></b:skin> :

/* Remove the navigation bar--------------------------------------------------------- */ #navbar-iframe { height:0px;visibility:hidden; display:none }

suda siap ,

kowunk boleyh preview dulu baru save ~

pilihan 2

make an auto hide navigation bar

untuk tuto nie :

navigation bar hanye akan muncul jika anak panah kite menyentuh atau pon anak panah diletakkan di navigation bar .

faham ta ?

1 : pegi ke dashboard - design - edit html - tick expand widget template

2 . tekan CTRL+F secare serentak dan cari code :

body {

sudah cari ke belom ?

kalau dah . kowunk kene copy code nie plak dan paste at ATAS code body { ~

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

sudah copy ? ukey , now kowunk boleh preview dulu baru save ~

sekian ~

kalau dha bace , sila like or komen yaww , terima kasih .

tutorial back to the top

hey ,

today aku nak ajar kowunk semue untuk buat button back to the top .

kowunk ta ta bende ape tuh ?

kalau na tau cube kowunk tekan gambr buda chumil atas awan at bwh uh .

nnty die akan pegi at atas kembali .

hah ! yg tu la .

senang sangat-2 nak buat .

kalau nak buat sile follow step nie .

firsdt : dashboard - design - add a gadget - html

then : copy and paste code at bawah nie dekat kotak html uh ~

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="http://sl.glitter-graphics.net/pub/1053/1053333jqgjkz21t7.gif" /></a>

*yang code warne MERAH tu kowunk tukar kan dgn ape aje yg kowunk na . kalau ta na tukar pon tape ~

ukey , dekat sini aku ada bagi beberape contoh . kowunk boleh ambek kalau kowunk nak . aku ta kesah .

http://sl.glitter-graphics.net/pub/644/644517m6eyw5693n.gif

http://sl.glitter-graphics.net/pub/573/573369qzelzl4ahs.gif

ukey . siap ! .

save terus tau . jangan lupe plak ye ~

kalau dha bace , sila like or komen yaww , terima kasih .