JOM BACE STATUS SY YG TERKINI
YanaMuhd: February 2012

Saturday 25 February 2012

ice cream coklat ♥ Sape sudi Bacelah ! :)

Cerita ini adalah rekaan semata-mata.

Percintaan Syasya Nabela dan Adam Rizki telah berputik setelah lama mereka tidak menemui antara satu sama lain . Sebenarnya Adam telah lama menyimpan perasaan t'hadap Syasya since form 2 lagi tapi percintaan mereka tidak dpt b'tahan lame krn Syasya t'pakse m'ngikut parentsnye ke luar negara.Adam t'pkse merelakan kepergian syasya .Semenjak syasya tiada hatinya kosong seperti lagu Najwa LAtif tu ..dia kesunyian . .selalu mase dia sedih syasyala jdi penghibur . .tpi apekan daya . .syasya tida di sisinya . .


Pagi sabtu , Adam b'jalan b'sendirian di Pavilion . .tibe2 langkahnye terhenti . .dia melihat satu kedai yg m'jadi Favourite syasya . . pe lagi kalau bukan ice cream coklat . .org di kedai itu pon dh knl sgt dgn syasya . .Adam pon memasuki kedai tu dan order ice cream coklat. .. sdg menunggu , tnye sorg pompuan yg mmg da knl sgt dgn adam dan syasya. . dia bertanya "mana syasya Adam ?" . .Adam tak mampu berkata ape2 . .


setahun kemudian . .


Setelah lama syasya mendiamkan diri . .Adam bertekad utk memulakan hidup baru. Syasya tidak pernah melupakan Adam malah hatinya terasa saket krn meninggalkan Adam.. Di luar negara ada seorg jejaka kacak brnama Syafiq yg ingin menambat hati syasya.. Syasya berasa senang berkwn dgn Syafiq . . Syafiq byk menghabiskan masanya utk syasya . . Tetapi syasya hanya menganggap Syafiq seperti kwn biase . .tak lebih dari itu krn hatinya hnye utk Adam.


Pda cuti semesta, syasya keluar berjalan-jalan di kota London . . sebenarnya syafiq ingin menemaninya tapi syasya mahu sendiri . . Dia berjalan dari satu kedai ke satu kedai . . Tibe2 mata syasya terpandang di suatu tmpat yg  selalu m'jadi tmpat datingnye bersama Adam masa dulu. .bezanya tempat tu di malaysia. . Hatinya rasa pedih sgt . .lalu dia pon berjalan memasuki kedai tersebut . .bila berada di dlm kedai tersebut , syasya teringat semua kenangan manisnya bersama Adam sewaktu mereka makan ice cream coklat♥. mereka selalu bergurau senda . . sampai kadang2 tu tak pedulikan org sekeliling mcm kedai tu diorg yg pnye . . .syasya terlihat seorang lelaki  di kaunter dri belakang. .gayanya sama seperti Adam . . Tapi mana mungkin Adam berada disini . .bisik hatinya . .Syasya pon teros ke kaunter utk meng-order ice creamnya . .tanpa membuang masa syasya teros order . .


???? dan Syasya : I want ice cream chocolate ! ♥ "serentak"


Mereka same2 terkejot . . Adam seakan-akan mengenali suara itu . .tapi . . Mereka sama2 menoleh . . Terkesima Adam ketika melihat  Syasya yang turut memandangnya tidak berkelip , Adam benar-benar tidak menyangka yang dia akan menemui gadis yang telah meniggalkannya satu ketika dahulu tapi hakikatnya Syasya benar-benar berada di depan matanya ketika itu berlatar belakangkan pula lagu disaat aku mencintaimu di kedai tersebut ,sungguh berdebar hati Syasya ketika itu .


beberapa minit berlalu . .

Adam tersenyum melihat gadis pujaan hatinya berada di depan matanya . .itulah yg dihrapkan setelah sekian lame menagih rindu . .

syasya : Adam , im sorry . .
adam  : Syasya , bole tak kita lupakan je ape yg da berlaku sebelom ni n mulakan yang baru?
syasya : Awak, awk  tak marah dekat saye ke :'( ?
adam : Syasya syggg , buat ape sy nak marah kt awk ! justeru sy bersyukur sgt Allah pertemukan kita dkt sini . .dkt tmpat yg plg brmakna utk kita . .kan ?
syasya : Adam , i really miss u (tears) im sorry . .so sorryyy . . :'((

Adam tidak sggp melihat syasya menangis lalu mengesatkan air matanye . .dan teros memeluknya . .. .Adam cube menenangkan syasya . .. 

setengah jam berlalu . .

Syasya kembali senyum di samping buah hatinya yg sgt dia rindu . . mereka berjanji utk melupakan perkara yg lepas dan memulakan yg baru . . Adam memberikan satu kotak yg bercorak polka dot kpd syasya . . syasya m'buka kotak itu dan kelihatan satu cup ice cream coklat  . .syasya terkejut sgt sbb . .mse mereka mle2 kpl dulu adam ade bagi ice cream coklat yg sama macam ni . .ice cream coklat tu Adam yg buat . . Syasya rase terharu sgt . .

Pertemuan tersebut telah membuatkan persahabatan antara Syasya dan Adam kembali terjalin setelah setahun terputus . Mereka tidak lagi mengungkit kisah yang lalu antara mereka berdua . Di samping tu , Syafiq berhenti mengejar syasya krn m'dpt taw yg syasya tak mgkin dpt bls cintanya . Syafiq mengambil keputusan utk melanjutkan pelajaran di Australia. . Adam dan Syasya sgt gembira dgn keadaan skunk ni. .Mereka telah membuat keputusan utk berkahwin slps tamat belajar. . . 



- THE END -

*Cerita ini adalah rekaan semata-mata . tidak berkait dengan yang masih hidup ataupun yang telah meninggal dunia . harap maklum . maaf penceritaan agak tonggang langgang . saya bukan penulis novel :))




Thank u for reading :D

Sunday 19 February 2012

Tips cantikkan blog anda :)



hey2 ,, lme x update , ,rindu sgt2 .. so today yana nk share nan korg psl nk cntikkan blog korg yg berserabut tu ..oke jom kite tgk . .  credit to fatin , before that klik SINI ade berita HANGAT !!


WIDGET.


Okay, nak sentuh pasal benda ni. Widget korang tuh maybe tak perlulah banyak2.Sebab nanti takut lambat nak loading kang sampai orang penat nak tunggu. Kang orang terus klik [X] Kesian korang.Kalau kat sidebar korang tu banyak sangat widget sampai penat orang nak scroll ke bawah dan makin ke bawah. Bla bla bla. Kurangkanlah sedikit seelokya.


BACKGROUND BLOG.


For me, I thought you all tak payah lah nak background yang sangat MENCAPAP ye. Nak rainbow rainbow lah. Lip lap lip lap lah. Okay, memang sakit mata. Nak baca post korang pun tak jadi. Dan tak nak lah warna yang SURAM sangat. Buat orang seram je. Pilihlah warna yang ceria, lembut dan seumpama dengannya. Faham kan ? So, tenteram je hati nak baca.


SIZE FONT.


Bila korang nak post pastikan Font korang tuh besar tau, tak nak kecik. Tension tengok.Serious memang tak boleh nak baca kalau kecil sangat. Kalau besar tuh pun, berpada-pada lah ye ? Taknak besar sangat sebab nanti ambil terlalu banyak space. So, Fatin sarankan amik yang sedang-sedang saja.


AYAT.


Korang kalau nak menulis tuh berpada-pada lah ye ? Inilah contoh ayat yang nak buat Fatin bagi sup kaki kau ni ;

-Sqyq sqyqng kqmu.
-sayewww sayanggg kamuuuwww gileewww gileeww.
-S4Y4 $4Y4NG K4MU ^^
-sAYa SAyaNg KamU KeTat-KetAt SaNgaT !


Sila elakkan tulisan cmnih. Boleh gila blogger2 kita baca kang.


HEADER TRANSPARENT.


Fatin just nak bincankan pasal benda ni skit je. Lebih AFDHAL korang pakai header transparent. Lebih cantik transparent kan ? Nampak lebih teratur dan lebih kemas :)


KES KUTUK DALAM BLOG.


Ewww, bab ni Fatin memang paling pantang lahh. SANGAT PANTANG (!) Memang muka tak malu lah tuh. Nak menyatakan persan bengang kat semua oran. Then, start lah keluar perkataan yang sumbang sangat. Contoh adalah tidak diperlukan. Hehe,



oke thats all yang yana nk share at korg .. so enjoy . .sayonara ^^




Thank u for reading :D

Saturday 11 February 2012

Bila Laungan Azan Bergema Di Gereja

Assalamualaikum semua , ,huh mlm ni bosan right ? so yana BW blog org n t'bace satu entry menarik ni .. subhanallah . . knape ? bcelah tajuk entry ni . .Bila Laungan Azan Bergema Di Gereja !  credit :nadiaramlee.


be4 read klik sini , sini , sini !



Pernah tak korang terfikir bahawa laungan azan berkumandang dalam gereja?? Mesti korang tak terfikir kan.. kan.. Nadia pun terkejut gak tapi nie adalah kenyataan!!
Masa tengok video yang bertajuk ‘Unity Humanity For Peace’ kat YouTube, nadia agak tertarik dengan ucapan seorang paderi yang berada di dalam sebuah gereja yang mengajak manusia untuk sentiasa mengekalkan keamanan di dunia dan mengharapkan rahmat dari Tuhan dalam setiap agama.
Lebih mengharukan, setelah selesai memberikan ucapan pembukaannya, laungan azan berkumandang di dalam gereja itu!  Malah, laungan azan yang merdu itu turut disertakan dengan maknanya sekali dalam klip berkenaan.
Azan itu dilaungkan oleh seorang pemuda beragama Islam, Ben Youcef yang juga seorang pelakon dan model. Dia banyak terlibat dalam kegiatan dakwah. Ketika azan dilaungkan oleh Ben Youcef, semua yang berada di dalam gereja itu tunduk dan duduk diam tanda hormat terhadap laungan azan yang menandakan kebesaran dan kesucian agama Islam.
Ia dirakamkan sewaktu berlangsungnya dialog antara agama yang dihadiri puak Yahudi, penganut Kristian dan juga penganut Islam di sebuah gereja dekat Universiti Southern California tahun lalu.
Menyingkap kisah hidup Ben Youcef, pemuda ini dilahirkan di Algeria dan telah melanjutkan pelajarannya ke London dengan mengambil jurusan pengurusan perniagaan serta mendalami ilmu teater.
Semenjak itu, Ben Youcef telah berkecimpung dalam dunia model selama hampir dua tahun dan banyak terlibat dalam dunia pengiklanan di New York.
Memetik kata-katanya di laman peribadi rasmi miliknya, www.benyoucef.com, objektifnya menjadi seorang pelakon adalah untuk membawa pemahaman yang baru iaitu budaya Timur Tengah ke seluruh dunia.
Dengan rasa rendah diri, Ben Youcef mengakui masih mengekalkan cara hidup yang sederhana supaya semua manusia dapat melihat keikhlasan dan kejujuran dalam memperjuangkan seni Islam yang dibawa olehnya




Thank u for reading :D

TUTORIAL : Higlight bertukar warna

nampak kan font nyaa ? dekat tulisan jerrr kann ? okehhh , so now kita mulakannn ^^

firstly korunk kene pergy ke Dashboard > Design > Edit Html*tickexpand widget and search code ini :

a:link {
 jumpa takk ? kalau jumpa bagos lahhh :) pandaiii ^^ thennn korunk sila COPY code ini and PASTE kan di ATAS code yang tady tuh yerr ?


::-moz-selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #F78181;
}
::selection {
background:#FFFFFF;
text-shadow: 2px 2px 4px #F78181;
}

  • Pink : yang code colour nie untuk text dyer , tgok yana punye kan warna pinkk ? hee :D
  • Red : yang code colour nie untuk background dyer :) better korunk pilih putih tuh jer lah yer ? ikot kesesuaian dgn main background blog korunk tauuu ??


Thank u for reading :D

TUTORIAL : Hilang kan tulisan BOLD pada post tittle

First go to your Dashboard > Design > Edit HTML then find this code :
.post-title {
 then nanty kat bawah dia ade ank-ank code mcm nie kan ?


.post-title {
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: bold;  line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;}
 hahhh , yang yana warnakan ungu tuh korunk delete saje :) then try preview , hahhh , kan dah tak jadi bold, sama lah macam yang lain2 tuh , kalau korunk check coding korunk balik , kalau ade jer bold tuh remove jer kalau tak mau kayy ?




Thank u for reading :D

TUTORIAL : customize Home , older post & newer

  • first apa yang perlu korunk lakukan ialah pergi ke DASHBOARD > DESIGN > EDIT HTML*tick expand widget . dah sudah ? sila search code bawah nie using CTRL + F 
  • semua coding harus digantikan yaaa ? contoh seperti gambar di bawah,
SEBELUM :
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

SELEPAS :
expr:title='data:newerPageTitle'><img src="URL ICON/IMAGE ANDA"/> </a>
  • soo , jom mula dengan Newer Post yang arrow nyer hala ke kiri
<data:newerPageTitle/>
 gantikan coding di atas dengan :
<img src="URL ICON/IMAGE ANDA"/> 


  •  next is Older Post yang arrow nyer hala ke kanan
<data:olderPageTitle/>
   gantikan coding di atas dengan :
<img src="URL ICON/IMAGE ANDA"/>

  •  seterusnya Home yang ada icon rumah 
<data:homeMsg/>
   gantikan coding di atas dengan :
<img src="URL ICON/IMAGE ANDA"/>
 hahh , dah siap :) senang je kann ? try lah preview sat , tengok ade tak icon tuh ? whee , soo , kat sinie una bagi lah icon tuh sume , tak payah lah nak mencari kann ? 

SET 1 
SET 2

click saje kat gambar tuh nanty dia open kat new tab then copy url gambar dan pastekan saje yer kat image url tuhh :) dah jadi ? wahh , tahniah ^^ 



Thank u for reading :D

TUTORIAL : Background page berbeza !

credit : una.


DASHBOARD > DESIGN > EDIT HTML * Tick expand widget 

then korunk sila cary code nie ^^ eihh , tekan ctrl + f yer untuk penacrian yang mudah :)

</head>
 dah cary ? hahhh jumpa kann ? then korunk copy pulak code di bawah nie
and paste dekat ATAS code </head> tuh tady :)

<b:if cond='data:blog.url == &quot;PAGE URL&quot;'>
<style>
body {
background-image: url(URL BACKGROUND);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>
 dah settle kan :) save lah dan tgok hasilnya okeh ? lawa kann ^^ kalau tak jady tanya yana tauu ??




Thank u for reading :D

Rainbow Link

Bagi yg suka sangat dengan colorful blog boleh laa guna code ni :D korang pasti akan suka punya . percaya laaa ~


1. Dashboard > Design > Add Gadget > Html/JavaScript
2. Copy and paste these codes to html/JavaScript :



<script src="https://sites.google.com/site/unwanted86/javascript/rainbowlink.js" type="text/javascript"></script>
3. Save , preview.


Thank u for reading :D

Post background

Note : Download your full template as a backup if anything goes wrong :)

1. Dashboard > Design > Edit Hmtl 

2. Ctrl+F and search :



.post {  


 can't find it ? search for common code like it below :


/* Posts


3. Found it ? Copy these codes :


-webkit-border-radius: 40px;

width: 650px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://i1125.photobucket.com/albums/l597/cotcet96/20070320_313973.gif);
border: 1px solid transparent;
border-top: 0;
}  
4. Paste it below 


.post {  


5. Can't find it yet ? Try searching its main codes :


/* Posts

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


When you found it , paste these codes below it :


 .post {

-webkit-border-radius: 40px;
width: 650px;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: #FFFFFF;
background-image: url(http://i1125.photobucket.com/albums/l597/cotcet96/20070320_313973.gif);
border: 1px solid transparent;
border-top: 0;
}    
7. Preview , and save.


Red : URL images

Blue : You can customize it .








Thank u for reading :D

Copyright ©

Note : Download your full template as a backup if anything goes wrong :)
mesty korang pun nak buat copyright sendiri kan kan kan ? hah meh amek nombor :D


1. Dashboard > Design > Edit Hmtl 
2. Ctrl+F and search :



</body>
3. Copy paste below codes before </body> 


 <script type='text/javascript'>

 window.setTimeout(function() {
 document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
 }, 10);
 </script>
 <center>COPYRIGHT</center>
 4. Preview , save
Red : Change it your own word .


Thank u for reading :D

Disable right clik without msg

1. Dashboard > Design > Add Gadget > Html/JavaScript
2. Copy below code and paste it to html/javascript :



<script language="JavaScript"><!--
//Disable right click script III- By Renigade (renigade@mediaone.net)//For full source code, visit http://www.dauspozi.com
var message="";///////////////////////////////////function clickIE() {if (document.all) {(message);return false;}}function clickNS(e) {if(document.layers||(document.getElementById&&!document.all)) {if (e.which==2||e.which==3) {(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")// --></script>
3. Save , preview .


Thank u for reading :D

Disable right clik with msg

1.Dashboard > Design > Page Element > Add a Gadget > HTML/Javascript

2. Copy and paste below codes to html/javascript :

<script>var message="YOUR MSG HERE";///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}document.oncontextmenu=new Function("alert(message);return false")</script>
3. Save , preview 




Thank u for reading :D

Double Underline

1. Dashboard > Design > Edit Html > Tick Expand Widget Template
2. Ctrl + F and search these codes



/* Header 
3. Copy paste below codes before previous codes 


u {
text-decoration:underline;
border-bottom: 2px dotted #FF0080;
padding: 0px;
}
4. Preview , save

Red : You can change it to your fav color . Click here to find the color code
Blue : You can change it into solid


Thank u for reading :D

Search this blog !

Hah . tu kan search box yang korang nak kan ? ad few of them ask me in pomsping hehek and few of them ask in other place . hehek . korang tengok je bawah ni ye

1. Dashboard > Design > Page elements then tekan yang macam bawah ni
2. Korang akan nampak macam ni kan ? hehek . then scroll sikit pegi bawah and tekan yg miraa bagi bulat tu .
3. Akan laa keluar macam ni lagi . korang boleh tick memane yg korang nak jugak and tengok mane korang nak search box tu search smada dalam blog korang je ataw smpai web luar .

4. Save and preview and thats it :)
Thank u for reading :D

Follower gadget code for Classic template

credit : miraahussin

1. Go to sini and http://www.google.com/friendconnect/
2. Tekan add the members gadget *mcm kat bawah ni*

3. Ubah width gadget followers tu ikut suka anda or ikut size width sidebar korang *mcm kat bawah ni*
4. Korang boleh tukar warna untuk certain things dekat follower gadget tu
5. Tekan Generate Code tu then akan keluar coding untuk follower gadget tersebut*mcm kat bawah ni* . copy code tu oke ?
6. Blogger.com > Dashboard > Template > Edit HTML
7. Paste code tadi di dalam blog anda .

Thank u for reading :D

Facebook Like button (Fan page)

 1. Login to Facebook account. Study these picture and try too do as well
 
   
      
    
 
  (iframe) 
2. Copy those codes to Html/Javascript of your blog.3. Save , preview 
Thank u for reading :D

Facebook like button (Entry)

Coding ni sesuai untuk template denim , design and oso layout


1. Dashboard > Design > Add a gadget > HTML/javascript
2. Copy and paste these codes to html/javascript



<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=YOURBLOGSURL&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>
3. Save , preview

Red : Replace it with your blog URL (e.g: lalala.blogspot.com) 
Thank u for reading :D

Private ShoutMix

1. Login to your shoutmix account here
2. Adjust the width to 200 and height 109
    It should look like this :



<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="lyssadollixious" src="http://www.shoutmix.com/?SHOUTMIX ID" width="200" height="109">
<a href="http://www.shoutmix.com/?SHOUTMIX ID"></a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!"></a><br />
<!-- End ShoutMix -->
3. Save and copy the codes then paste it to your blog
4. Save , preview

Red : Your shoutmix ID


Thank u for reading :D

Ajax Floating Shoutmix

1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript
2. Paste below code to the html/javascript



<!-- AJAX SHOUTMIX START -->

<div style='display:scroll; position:fixed; top:0px; right:-0px;'>
<br />
<a class='linkopacity' href='http://miraahussin.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='By Miraa Hussin'></a><br />
<!-- Start Ajax Popup Shoutbox -->
<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:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #miraahussin {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbl-RxeVhSaDR8s2Yz-dUBCAIbk-rOQX84EN3i-O-3JxTugFZKFoAeExXAvgQf2jfzZ5Rwe6c7ubjEAc7JzvtFmga1vAiApYCVfTi9DKKl4bIUPpwTTnqip7pXxx3MdPT9SM8Yq-slA7Ji/s1600/mas-kuning.png) no-repeat 0 0 transparent;
width:275px;
height:480px;
padding:56px 0 0px 0px;
}
#closesb {
padding:2px 0 0 0px;
}
#author {
padding:8px 0 0 168px;
}
</style>
<center> <a href="#miraahussin" name="modal"><img src="YOUR SHOUTMIX ICON" border="0"/></a> </center>
<div id="boxes">
<!-- Start Shoutbox -->
<div id="miraahussin" class="window">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<center>
YOUR SHOUTMIX CODE GOES HERE</center>
<!-- End ShoutMix -->
<div id="author">
</div>
<center>
<div id="closesb"><input type="button" value="CLOSE" class="close" />
</center>
</div>
<!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->
<div id="mask"></div></center></div>
<!-- End of Ajax Popup Shoutbox-->
<!-- AJAX SHOUTMIX END --></div></div>
3. Save , preview
Red : Your shoutmix code
Blue : You shoutmix icon
Purple : You can use your own picture or choose one of below picture. 




Thank u for reading :D