tutorial follower button : bergambar punye !

hey ,

this tutorial adelha request dari miss apple

die na sgt at follow button ,

so saia pon buatlha ,

harap kamoo semue faham ye dgn tuto nieh .

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

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

<center><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KOWUNK" target="_blank"><img src="URL GAMBAR" alt="" /></a> <center></center></center>

sudah sopy ?

ukeyh ,

na terang kan nieh .

*yang warna purple uh : kowunk letak code blog ID kowunk at situ , tau ta na cari blog ID at ne ?

kalau ta tau , cari at SINI

*yang warna merah uh : kowunk tuka kan dengan URL gambar kowunk , kowunk boleyh ambek at mne-2 je yg kowunk na . samaada at GLITTER GRAPHICS atau PHOTOBUCKET .

hah !

di sini saia ade beberape contoh yang saia sudah buat , kowunk bole ambek lau kowunk nak .

but , honestly aq ta tau la cantek ke ta , asalkan kowunk suke :

http://i.imgur.com/Xl1yC.gif

http://i.imgur.com/yCgJ9.gif

http://i.imgur.com/cRjbc.gif

http://i.imgur.com/hTljH.gif

da siap , jangan lupe save yaww ^^

sekian terima kasih ~

---

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

---

tutorial letak background di post punye date

hey

u all ,

kali  ni saya na buat tutorial untuk letak background di date 

yang nie ha :

klik untuk pembesaran .

ukeyh ,

kalau na buat .

ikot step nieh .

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

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

]]></b:skin> 

sudah jumpe ?

ukeyh ,

kalau sudah jumpe , copy plak code at bawah nie dan paste at ATAS code yg kowunk cari uh .

h2.date-header {

background:#f871ba;color:#ffffff;border:2px solid #44a223;font-weight:normal;margin-bottom:-20px;padding:5px 5px 5px 5px;line-height:20px;text-transform:none;text-align:center;font-size:20px;letter-spacing:0px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;}

*yang warna merah uh : nie untuk background date , kowunk boleyh tuka ikot code yg kowunk nak .

*yang warna purple uh : tukarkan warna font post date kowunk . yang nie warna putih yaww .

*yang warna biru uh : kowunk boleyh tukar bentok border yg kowunk nakkan , and tukar code wrna border yg kowunk nak .

ukeyh ,

siap .

preview dulu baru save yaww ~

sekian .

---

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

---

what happen to this blog ?

hey u all ,

aku na tnye nie ,

kowunk persan ark ape dha jadi nan blog nieh ?

aq ta tau na ckp cmne but ,

lau kowunk de blog ,

MESTI kowunk de perasan something change ,

u know that ?

ukey lha ,

aku bgitau at kowunk ,

lau kowunk na tau lha ,

if kowunk tengok betol-2 at blog nieh .

yang follower ta de an ?

nampak ta ?

nampak ta ?

na tanye ,

kowunk kene cmnie juga ta ?

ggGGgrrrRRr'

geram aq dibuatnye ,

blog

blog

blog

kenape lha , koe nie asyik saket jewh ?

dulu about virus ,

now about follower ,

nanty ape ag ?

aish ,

kowunk !

tolong lha saia ,

tolong saia menghadapi masalah nie ...

ukeyh ,
kepade sesiapa yang da mmg tade tempat untuk owunk laen tekan untuk follow blog kamoo ,
kowunk boleyh pegi at sini :

miss double f punye 

sekian ~

---

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

---

tutorial centerkan header *3 ways

hey ,

mesti ramai owunk alami perkara nie kan ?

saia dapat request nie dari kawan saia di FB

ukey .

saia pon sebenarnye ta bape reti sangat nak ajar kowunk .

but saia buat tuto centerkan header berdasarkan pengalaman .

so saia harap kowunk faham la ye .

*jangan risau , antare 3 care nieh , pasti ade 1 yang AKAN berjaya .

harus !

cara pertama:

first : dashboard - design - edit html

second : tekan CTRL and F secare serentak untuk cari code at bawah nie :

#outer-wrapper {

sudah jumpe ?

ukey , at bawah code uh mesti ade code nie kan ?

background:#FFFFFF;width: 1000px;

*lebyh kuwank cmtu la ye .

ukey .

third : cari code nie plak :

#header-wrapper {

dah jumpe ?

okeyh , kowunk kene pastikan width dekat header uh same nan outer-wrapper uh .

ukeyh . da same kan ? bawu la header kowunk jadi center .

preview dulu baru save tau !

care kedue :

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

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

/* Content

sudah ?

copy plak code at bawah nie dan paste at ATAS code yg kowunk cari tadi :

.Header img {  margin-$startSide: auto;  margin-$endSide: auto;}

paham tak ?

so , code kowunk mesti jadi cmnie tau :

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

/* Content

----------------------------------------------- */

preview dulu baru save tau !

care ketige :

first : dashboard - design - templates designer - advance - Add CSS

masokkan code at bawah nie dalam kotak CSS uh :

#header-inner img {margin: 0 auto !important;}

#header-inner {text-align:center !important;} /*masukkan sekali ayat ni kalau guna Template Designer*/

applay to blog ~

hah !

mesti dah center kan ?

ukey ~

siap !

ahahah

*kowunk mesti try semue code . sbb tidak semua code berjaya .

akan ada satu atau due yg tidak bejaya .

but for sure .

saia sudah cube sendiri dan . semue berjaya .

ukeyh !

sekian ~

---

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

---

tutorial centerkan post title and sidebar

hey .

now aq na ajar pulak , 

cara nak centerkan tajuk post dan sidebar .

kalau na buat ,

sila follow step at bawah nie elok-2

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

second : tekan CTRL and F secare serentak untuk cari code at bawah nie :

untuk sidebar :

h2 {

untuk post tittle :

h3.post-title {

ataupon ,

h4 {

jumpe tak ape yang kowunk nak cari ?

kalau dah jumpe ,

copy pulak code at bawah nie dan paste at BAWAH code yang kowunk cari tadi :

text-align:center;

 siap !

jangan lupe save ye ~

sekian , terima kasih

---

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

---

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 :

<!-- save your energy -->

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

<!-- save your energy end -->

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><!-- save your energy --><script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script><!-- save your energy end --><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><!-- Start Ajax Popup Shoutbox by -->
<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><!-- Start Shoutbox -->
<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><!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->
<div id="mask"></div></center></div>
<!-- End of Ajax Popup Shoutbox--><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 .

---