Ramadhan ke Duapuluh_jahitkan manik (baju melayu ku)

.


Salam Korang...


Sihat tak??Hope sihat lah kan..Wan sihat je nie..Tapi risau sikit dengan Familly Wan..Hope apa yang Wan risaukan tak lah seperti yang Wan fikirkan...

"Ya Allah semoga kau limpahkan Rezeki dan kebahagian kepada keluarga ku dan janganlah Kau pecah belahkan keluarga ku dan saudara mara ku.."Amin.

Mungkin otak Wan nie je yang fikir yang bukan bukan...Hope hanya igauan Wan je lah..


So camna persiapan Merdeka korang???eh eh...Tak sambut Merdeka ?? nak sambut Raya je ke??hehehe..Wan dua hari nie dah start jahitkan manik kat baju Raya Wan..Simple simple je tak lah terlalu lip lap lip lap sangat..Nak tengok..Tengok gambar kat bawah nie..Petang petang semasa nak tunggu berbuka Wan jahit lah sikit sikit..Nak kata rumit tu tak lah sangat cuma perlukan ketekunan je..




Camne ok tak??tak caya ke Wan jahitkan manik nie sendiri..Korang mesti percaya ..Sebab memang Wan sendiri yang jahit..jangan anggap lelaki tak taw nak jahit manik..Lelaki pun hebat jugak..


Kalau nak beli baju bermanik nie paling paling murah pun RM80.++ tu pun kain yang cikai cikai..So buat je lah sendiri kan..Senang



K lah korang..


Papai


.

Ramadhan ke Sembilanbelas_Jom doodle kan saya

.



Salam Korang...

Penat nye hari nie..Wan klua jenjalan dengan adik adik Wan and mama..Wan belikan papa ,adik lelaki Wan dan adik perempuan Wan selipar raya..hehehe..Wan sendiri beli yang murah je..yang lain2 semua atas RM20..Datang rumah tepat tepat jam 6.30PM..beberapa init lagi nak berbuka..hehehe..asib bek ada beli makanan kat bazar..Law tak , tak de lah makanan untuk berbuka.hehehe


Eh korang lupa lak..KOrang nak wat doodle??korang klik gambar kat tas tu..dan save lah..lepas tu edit guna adobe..Potong potong lah dan bentukkan muka doodle korang..terpulang lah nak wat camne..Tengok yang dah Wan siapkan kat bawah nie..




Comel tak??hehehe..Ada tahi lalat lak tu..menambahkan ayu lagi..hahaha...


K lah korang....


Selamat men doodle..Cam main puzzle je wat tu nanti..ahahha

Papai


.

Icon Shoutbox 2ne1_minzy

.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHcdzN67oGLP48C1c-h6ru7Y77SjwBwN-ydQ-75TMGeq_vnBwqYkqjeOUHgUDadsz8DHj3jWpKKVNKIKg199nws-_lvrhgIfF_V_O3EpIwQq_TPK7imU2LpqXvdUIKQBWcH1lrVTYk-E/s1600/2ne1_minzy.png

Copy and paste dalam icon shout korang...Ganti masuk je..Korang leh uba size icon nie k..tengok tutorial nie..Tutorial Ubah size gambar tanpa perlu edit gambar.

.

Tutorial welcome image

.



Salam korang...


Kali nie Wan nak wat Tutorial Welcome image.Korang leh tengok contoh kat WanhazelJunior. Wan ubah sedikit koding dari yang asal..


Jom tutorial

Dashboard>Design>Edit HTML
Tick expand widget

Mula mula korang cri kod nie..
CTRL+F bagi memudahkan pencarian


]]></b:skin>


Dah jumpa..Korang copy kod kat bawah nie kat atas kod yang korang cari tadi..

<center>
/* to top */
#toTop { width:100px;background:none;
border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;
bottom:10px;right:10px;
cursor:pointer;color:#666;text-
decoration:none; }
</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=''">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AeiyUC7mEIQ2cGhIOwauABkdFU6Qr8IPGXLPSU_xzPVPKzbmPqDBPdlYQiRf0P8alXSldHC4eG147udwZ0QfMd6W7o5ypSJlMf8BxWlrfr2QV3B1udjChU4Gub2SWEd87JjY7i4XeEA/s1600/welcome-image1.png"
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"/>
</div><div id="wise"
style="filter : alpha(opacity=0);
-moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body></center>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AeiyUC7mEIQ2cGhIOwauABkdFU6Qr8IPGXLPSU_xzPVPKzbmPqDBPdlYQiRf0P8alXSldHC4eG147udwZ0QfMd6W7o5ypSJlMf8BxWlrfr2QV3B1udjChU4Gub2SWEd87JjY7i4XeEA/s1600/welcome-image1.png

Kod nie adalah kod Welcome image korang..Korang ubah lah k..Kalau nak guna Welcome Note yang Wan wat tu pun leh jugak


Kalau kod yang korang copy tu tak leh guna..TRy Korang download kod kat sini k..
Klik untuk download

http://www.4shared.com/get/6xgsyXol/welcome_image_blog.html

Preview dulu kalau takde error korang leh save..

Sebelum korang wat tu korang
backup template korang taw..

Selamat mencuba



.

Ramadhan ke lapanbelas_Tak brapa nak sihat

.



Salam korang...

Sihat??Hope sihatlah kan...Wan tak brapa nak sihat lak..Badan panas je...Kpala lak pening je nie..Hope esok sihat lah Wan..malam nie nak tido awal..penat sangat hari nie..


Setiap yang berlaku pasti ada hikmahnya kan...Terima Kasih Allah..Dugaan MU banyak mengajar ku..

Dan terima kasih jugak kepada korang yang mendoakan Wan..


K lah korang..Setakat nie je..hari yang lain kita berbual panjang k..


Papai..

Ramadhan ke Tujuhbelas_Hitam putih jua warna kehidupan

.



Salam korang...


Camne korang hari nie???Hope sihat lah kan.Wan hari nie sibuk sangat..Tak sempat nak buatkan doodle..So doodle yang lama tak de warna je lah Wan kasi untuk hari nie..Korang warna lah sendiri k..hehehe


Walaupun sibuk sangat Wan tetap nak kongsikan nie kat korang..Nescaffe yang chill sangat nie..Tengok baru taw chill tak chill..Wan dah korang lak bila lagi??ke Wan buat nie tak de sambutan..ahahha..Kalau korang rasa BB korang tu lambat sangat..korang guna nie je..Cek dulu baru taw..jangan lak terus kata tak best...Jomberry.


K lah korang..

Terima kasih..Doakan Wan supaya urusan Wan dipermudahkan dan dimakbulkan Allah..

Papai..

.

Tutorial Header berubah bila cursor menyentuh : Biyha

.



Tutorial nie 100% dari Biyha
Dan diubah mengikut kesuaian

Saya tengok ramai juga request tuto header hover dekat BBB so saya cadang nak buat tuto ni. Header saya berjaya \bangga sekejap, haha/. Okay, lets start.

This tuto boleh diguna untuk template layout, denim, minima and simple.

1. Seperti biasa pergi Dashboard > Design > Edit Html \Pastikan awak download full template dulu/
2. Ctrl + F and search for this code:

/* Header

3. Copy dan paste code ini di bawah anak-anak code /*Header.

#header:hover {
background: url(URL Image)
}

Contoh coding saya \kalau tak tahu nak letak mana/
klik untuk pembesaran

P/s: Url Image perlu diupload di photobucket, kalau guna kaedah upload di post entry gambar dia akan jadi kecil dan make sure betul-betul ikut size header.

Additional Tutorial:
Unclickable header maksudnya header kita tak boleh diklik so dia tak akan pergi balik ke blog kita. Contoh macam saya punya, awak click dia tak ada pape kesan kan.

1. Dashboard > Design > Click Gadget Header > Tick pada behind title and description. \rujuk gambar bawah/.

2. Done? Lepas tu pergi Design > Edit Html > Tick expand widget templates. 3. (Tekan Ctrl + F) untuk menyenangkan mata anda untuk search code ini:

<Variable name="headerTextColor"

4. Korang akan nampak anak-anak code dia seperti ini:

<Variable name="headerTextColor" description="Page Header Text Color" type="color" default="#ffffff" value="#ffffff">

5. Yang dihighlight hijau tu tukar kepada transparent. Preview dulu baru save. P/s: Tuto ni hanya untuk denim. Tapi kalau template korang ada code-code dia okaylah tu. Kalau korang tak ada code ini cuba cari lebih kurang macam bertajuk 'Blog Title Color'. Yang ada kene mengena dengan title blog lah. Contoh saya punya code.

<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="transparent" value="transparent"

.

Tutorial Float Welcome note kat header

.



Tutorial nie 100% dari Biyha
Dan diubah mengikut kesuaian

1. Design > Page elements > Add a gadget > HTML/JavaScript
2. Copy and paste code ini:

<div style=" position:absolute; top:0px; left:200px;"><img src="URL Image"/></div><div style=" position:absolute; top:26px; left:215px;"><center>Your words. </center></div>

URL Image korang ambek yg kat bawah nie..pilih je nak guna yang mana 100% dari Biyha

Your words. tu korang letak lah ape yang korang nak letak..Jangan terlalu panjang lah..Kalau nak update hari hari so ubah lah hari hari k..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEm7zr4_K9pJJsNxcVapgaD98_xW1v79peBdFSEjbQUa_muKsZ1fz3scnrqABLDWaH6_EL8wiit93zVdagx4EV46P3EcoNdHjHp6Uu4vnvsu50k9PLcnRgmURmOq_x407JPm9sNTwbAEc/s320/blueupdates.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45U9hXHkYK1R0egGIJgUcMPIBAfCPyqsosRfD3JOmDlgflSTfxbCUq2kwBd6y5vvUfKDBOhCBDsjR8imVAB3p3jcRP_tfhEVOYeLdFdS15yrM2ZYkBKenoqUb5ZnW6z5HIyr-MlVIw_g/s320/pinkupdates.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGNlr1oXDrMAmV4MwMJonMGREbGPHWzOv8_Qn2hdJA5m4hyphenhyphenWeU3kgadvdmH1bfxH1hqHp8_r556yhyV1GlloocETERZmc9Nr2dpo75jUFSGiDocfr5mkb_b4pEvuyCn8YhnY6D2RqKaUw/s320/greyupdates.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMjyEqukAAUjGmD_GV08FiIrgQztV4j44VQ83qHQnuN7OD3L5GsB9crki_STScbXqImNPsFD1F9x82BUCMvNEV-8QqpMwmzQmQwdCGqmw0yqUdQRuWAe7rhFJSajlrWcwhJuEz-NZWU3M/s320/purpleupdates.png

Pastikan korang Add gadget pada atas header k..Tengok tutorial nie..
Tutorial Add Ruang Gadget atas Header dalam page Element



.

Ramadhan ke Enambelas_hampir terlupa akan Merdeka

.



Salam korang...


Alhamdullillah dah 16 hari kita berpuasa..Tinggal 2 minggu lagi nak menyambut kedatangan Syawal dan kemerdekaan..Hampir terlupa akan kemerdekaan akibat meriahnya sambutan Raya..Dikedai kedai pun jarang yang pasang bendera Malaysia agak suram sambutan kemerdekaan...



Doodle Wan versi A Samad Said kat atas tu gara gara Cik Lina kasi taw Wan macam macam macam A Samad Said..Hehehe..So camne hari korang hari nie??ok tak??Wan ok je..cuma da yang tak ok gak lah..Banyak nye masalah..Susah susah..


Wan rasa pendek je lah entri hari nie..K lah korang Papai..


P/S: Raya raya jugak MErdeka jangan lupa...



.

Tutorial tulisan bercahaya kesan cermin_adobe Photoshop

.



Salam korang...

Kali nie nak wat Tutorial tulisan bercahaya kesan cermin..Tak taw lah nak beri tajuk ape kan..ehehhe..So letak je lah tajuk tu..Terima kasih kat http://alieff.com/..


Jom tutorial..

Mula mula open Adobe korang lepas tu tulis lah perkataan yang korang nak..Contoh yang Wan guna "Wan Hazel"..


Lepas tu korang Klik kat anak panah yang Wan tunjukkan kat gambar bawah nie k..



Pastikan korang ekot apa yang Wan tandakan tu..Tengok macam gambar atas tu..Ekot je ye..


Lepas tu korang Wat lah shape macam kat gambar atas tu..Dah selesai wat shape tu..Korang convert to smart object shape korang tu..Klik kanan pada anak panah yang Wan tunjukkan macma gambar kat atas tu..



So dah selesai convert tu...Korang klik lak macam kat anak panah kat bawah nie..


Ekot macam kat gambar atas tu k..Mula mula select tulisan korang..Lepas tu pilih lak tool Magic Wand Tool..Bila dah ..Korang klik je kat huruf korang tu..klik kat luar huruf k..Nanti korang akan dapat hasil macam kat bawah nie..




Lepas tu korang select lak layer shape korang.Dan lepas tu pilih lak tool eraser..macam kat gambar bawah nie..



Bila dah selesai..Korang padam je shape yang dalam gambar korang tu..masa korang nak padam tu nanti korang akan dapat pop up yang macam kat bawah nie...




Dan korang klik je "OK".




Dah selesai padam tu..Korang adjust lah opacity shape korang tu..macam kat anak panah dalam gambar kat atas tu..



Dan selesai...


.

Selamat mencuba


papai

.

Ramadhan ke Limabelas_ Ku ukir madah gembira sebagai helah

.



Disini kisah,
Ada kisah yang terpisah,
Ada rindu yang tak sudah,
Dan kekecewaan yang kian bertambah,

Ku ukir madah gembira sebagai helah,
Disebaliknya aku bukan itu,
Tidak mengerti,
tidak mengetahui,
Dan tidak memahami,

Maknanya aku menipu selama ini,

Kata ku,
Aku gembira,
Namun realiti nya bukan seperti yang ku kata,
Maaf atas segala...
Yang pasti itulah aku,
Kehidupan dibalik kaca mataku,
Dengan kata lain,
Behind these HAZEL eyes..


Isnin,masih jua isnin.Sedikit kerunsingan dihati. Pilu tidak jua rasanya,entah seakan terasa begitu sayu dihati,Ramadhan semakin melangkah pergi,amat terasa pantas masa berlalu. Pejam celik pejam celik,sebulan semakin beransur pergi. Seperti baru semalam saya mempublish entry kedatangan bulan Ramadhan. Kerana kedewasaan kira nya penyebab masa bergerak pantas. 2,3 langkah lagi Syawal akan menyingkap.


Kehidupan kita memang jauh berbeza.Begitulah kisah hidup yang menjadi tajuk sepanjang bulan Ramadhan ini. Namun saya tidak akan mengkhabarkan disini,biarlah ia menjadi debu disuatu sudut,kata orang"patah tumbuh hilang berganti". Namun ada yang patah takkan tumbuh kembali dan yang hilang terus hilang tanpa penganti,begitulah kehidupan..Membuatkan saya sedar kata kata hanya manis untuk dilafazkan..Begitu pahit bila kita mengetahui realiti disebalik kata kata itu jauh menyimpang dari yang tersurat. Ada yang ketawa melihat saya kecewa,jenaka bagi mereka,ada jua yang tersenyum , entah senyuman untuk apa,saya kurang pasti,senyuman sindiran saya mungkinkan,biarlah apa yang didamparkan dihadapan saya,saya tak serik dan saya tidak kisah,itu bukan matlamat saya. Yang saya tahu saya akan tersenyum...sering saya pujuk hati saya dgn senyuman,begitu lah saya,memang tidak silap lagi,saya semakin tegar,tidak rapuh seperti dulu, Jadi dahan yg kuat bukan ranting yang lemah,tidak,bukan dahan namun akar yang dalam dan kuat,,,saya sekuat itu saya harapkan...saya hanya perlu yakin bukan..?


.

Ramadhan Ke Empatbelas_carilah mereka "penikmat garam" yang lebih berusia

.



Salam korang..

Hari nie ahad..Esok isnin..Cepatnya masa berlalu..Semakin kita menhampiri Syawal semakin resah yang Wan rasakan..Resah meninggalkan Ramadhan yang belum pasti kita akan dapat nikmati untuk tahun yang seterusnya...Resah dengan pelbagai dugaan yang semakin menyelubungi kehidupan..


Ahad nie tak de pape yang best...Biasa biasa je..Sakit perut salah makan kot..Pagi sampai petang Wan banyak habiskan masa kat group BBB..Seronok layan budak budak Blogger...Wan je lah yang bukan budak budak lagi..hehehe..Bapak bapak blogger kot.hahaha..Pagi tadi pun Wan ade wat Tutorial Slide Shoutbox Icon Swap edisi comel..Ramai lak yang dah wat..taksangka sambutan memberansangkan..eceh..ehehhe..Ramaikan yang dah guna..Wan lak rasa cam best je..Seronoklah orang guna apa yang kita wat..Best best.


Skang Wan dah watkan Doodle bermata biru..Tak taw lah comel ke tak bagi korang..Hope comel lah kan..Korang nak tak??kalau nak boleh je ambil..Sebelum ambik tu..leh tak klik Churp Churp Wan nie..ehhehe..nescafe-chilllah..


K lah korang...


Papai..

Berfikir aku setanak otak, tidak kering air didihnya tidak jua melimpah. Tidaklah cuak isu ini membuak buak. Tapi secubit rasa, lontaran persoalan dari kalangan kalian, bisa merungkai corak ribut sebelum bencana.


Aku bukanlah tabib cinta,apalah lagi doktor motivasi cinta. Dari sekecil masalah cinta hinggalah belenggu kehidupan, entah kenapa ditembak tembus kedalam telinga. Aku seperti sebuah pondok telefon, tempat bergayut sang perjaka meluah perasaan tentang cinta. Terkadang aku bimbang akan tutur kataku bisa menambah duka. Tapi,demi kawan sapa mahu lihat mereka derita. Tangan ini masih kuat untuk dipaut teman. Paling tidak,hati kalian bisa tenang,nanti carilah mereka "penikmat garam" yang lebih berusia.


Aku terdiam seketika, berfikir mengapa selalunya aku dicari saat kehilangan cinta..?. Saat kesedihan kalian merundum hati. Saat celaru bercambah duka. Mungkin diwajahku terlakar karya hati pengubat duka. Andai aku nanti siapa pula yang mendengar?atau adakah kalian bisa mendengar?

.

Tutorial Slide Shoutbox Icon Swap edisi comel

.



Salam Korang...

Kali nie Wan nak wat Tutorial Slide Shoutbox Icon Swap edisi comel lak..Nampak tak gambar kat atas tu , camtu lah rupa Shout tu..hehehe..Swap nie maksudnya..Kalau korang arahkan cursor korang ke icon shout tu..So icon tu kan berubah..Sama jugak macam icon Shout Wan tu..Kalau korang nak..


Jom Tutorial


Diharap selepas korang ambik koding nie Korang tak ubah mana mana backlink or koding yang Wan wat nie..Kalau nak ubah Icon dan frame tu tak pe..Koding lain Wan harapkan korang jangan ubah..Bukan senang nak koding HTML..Wan boleh pastikan koding yang korang guna..


Bagi pengguna Blogskin/Classic Template

Dashboard>Template

Cari kod </HTML> .
CTRL+F untuk memudahkan pencarian
Selalu nya kod nie kat bawah sekali

Dan paste kod di atas kod </HTML> .


Bagi penguna layout/design

Dashboard>Design>Add Gadget>HTML

Pastikan korang letak kod diruangan tengah dibawah sekali k..



Kod Slide Shoutbox Icon Swap edisi comel

<div style='display:scroll; position:fixed; top:30px; right:0px;'><div class='clear'></div>
<div class='widget html' id='html1'>
<div class='widget-content'>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<a class='linkopacity' href='http://wanhazel.blogspot.com/2011/08/tutorial-slide-shoutbox-icon-swap-edisi.html' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Get This'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-0UFm4vJrHF9vIkXRuwwdqRLdzBnrjhqHj6-G60gM6cUjAhAIk1OCD7M_wF2tCFdPdEoLTeyW-IhzQD_i_17U2-Umv7PYwwXWxb5zTFQR9lLNeoCglyIrg90Cphn8iwAOs14YfLVJ0Y/s1600/iconlink.gif" /></a><br />

<a href="javascript:void(0);"onclick="showHideAT()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SHout','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-zjqRMwpYh5ggPM9E5AZrAXlITME0AvtCOP4-_AjlXaJe1uIX13jnmCMcPHG_fJMrIu365Efi1qaRcBR0_mtYy3XCA0PumbeNnAtdBnBM-rfgIpuN5RXTl15PIZvgYRyZOJuptW0Ws00/s1600/b.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9SOV2GhOo5ueJeGY0DHsDsgLkiBA0yiOG2pqYsPXWJNdSCtgBe7r2VZJel_xTY_-Ub7q96Q9MK56EW8vGKcJUGOFr3aNzbF0EeQManKvBbjzMAPaM9O9FuJs7FbmjmgcVXmXQ-GrCHQ/s1600/a.png" alt="SHout" name="SHout" width="140" height="140" border="0" /></a>
<div class='clear'></div></div>



</div></div>

<style type="text/css">
#at{
position:fixed;


top:0;
;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}


.atcontent{
float:right;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigPOzUPnlCx59wmdyxzYBqXMLSVCL3dTdvUytGbsJY7zdw_yN1sWzSnqbdxOa5qRvoUwjaDYbuTigIqdxM14mo0LxQr_qBOMXHLnWPmL7-_NYj4TcnTmzx-NiC7DOXywyBHaCvSYmy8-A/s1600/c.png) no-repeat 0 0 transparent;
width:800px;
height:460px;center scroll ;


padding:56px 0 20px 5px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">



<br /><br /><br /><br /><br /><br />


KOD SHOUT KORANG...WIDTH:240 dan HEIGHT:280


<center><div id="author"><a href="javascript:void(0);" onclick="showHideAT()"><input type="button" value="Close" class="close" />
</a></div>
</center></div>
</div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></div></div></div>

KOD SHOUT KORANG...WIDTH:240 dan HEIGHT:280. yang tu korang masukkan kod Shoutmix,Cbox dll korang dengan lebar 240 dan tinggi 280

Selesai
Preview dan Save


Ok tu je

Selamat mencuba ..


.