Monday, March 21, 2011

Dolly Doodle itu kan comel...

.


Salam korang..

Hari nie hari Isnin ..Semua bebudak dah start masuk sekolah balik kan..Best tak??yang balik asrama tu..camne skang??leh online tak??hehehe..Kan best law semua leh wat doodle sendiri kan..Wat watak sendiri jadi doodle nie..Seronok tak??Dolly Doodle ..Tapi tak semua leh wat kan..Hanya sebahagian je yang dikurniakan kelebihan tu..Bagi korang mesti ada kelebihan korang sendirikan..Percaya tak korang..Wan nie ta reti melukis dengan tangan pun..erm..bukan Wan melukis guna kaki..maksud Wan melukis guna pensil....Law melukis pun jadi macam orang mancis..ehehhe..orang lidi tu..

Eh eh..orang lidi pun Doodle gak taw..Asalkan comel je..Tak kisah lah kan law orang nak kutuk ke ape ke cara kita..asalkan kita wat dengan happy..Sikap manusia memang dah macam tu..Sikit sikit nak kutuk and cari kesalahan orang lain..Benda nie banyak terjadi kat Blogger blogger skang nie..Dah terbukti pun..Bukan Blogger blogger je..Laman sesawang lain pun macam tu..Mulut orang kita tak tak dapat nak tutup..Sampai kan apa yang kita wat tu akan jatuhkan kita sendiri.dan kita mula putus asa dengan usaha kita..Mula lah kita berfikir akan diri kita..Keyakinan pun mula kurang..Sedikit demi sedikit kita mula hilang kepercayaan degan diri sendiri..Malah orang sekeliling pun kita mula syak wasangka.Itu salah ini salah..Tak de satu pun yang betul..




Bagi Wan tak perlu lah bermegah dengan apa yang kita ada..Mengapa nak berkongsi kalau semuanya jadi rahsia..Kenapa nak menunjuk kalau tak nak dikongsi..Siapa kita dalam dunia blogger nie akan dinilai melalui penulisan kita...Apa yang kita ukir itulah diri kita..Walaupun kekadang nak bergurau senda..Kerna setiap manusia punya penilaian yang berlainan..




k lah korang tu je Wan nak kongsikan setakat nie..Bergembiralah dan fikirkanlah kenapa kita dihidupkan didunia ini kerna maut semakin menghampiri kita...Kejayaan terletak pada orang yang berusaha dari orang yang asyik merengek menyalahkan segala galanya..

Salam.


.



Sunday, March 20, 2011

Tutorial wat horizontal Kawaii menu tab (navigation bar) Lip lap lip lap Super cute canggih

.


Salam korang...

Tak nak cakap panjang lah..Korang leh tengok sendiri kat Blog Wanhazeljunior.Korang arahkan cursor kat icon Home,Profile,Banner,Link,Facebook,Twitter kat situ k..Korang nampak tak perubahan??lip lap lip lap tak??ehhhe..So skang nie Wan nak wat Tutorial horizontal Kawaii menu tab (navigation bar) Lip lap lip lap Super cute canggih ..Wah tajuk..Pergh memang power lah kan..ehehhe..Law korang teringin sangat nak wat nie..senang je..Owh ye..Tutorial nie bagi pengguna design/layout template je k..Classic template tak leh nak wat menu tab nie..


Pesanan penaja
Hope tak de yang remove or edit kod yang Wan bagi nie nanti..harap sangat sangat korang faham betapa susahnya Wan koding bende nie...Edit Sikit sikit tu tak pe..jangan ubah sumber je k..

Menu tab Kawaii lip lap lip lap nie memang best sebab leh comelkan blog korang..Sangat syok.Wan tak kedekut ilmu k..Nak kan semua dapat yang terbaik.. .K lah..tunggu apa lagi..

Jum tutorial

Dashboard>Add gadget>HTML
gadget paling atas ..



Law dah..Copyand paste kod nie dalam Gadget HTML korang tu..



<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 href="http://wanhazel.blogspot.com/2011/03/tutorial-wat-horizontal-kawaii-menu-tab.html"title="Get This " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Get This','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeoMKHao4QNfOCNk80IyHJf35pMrrNTztemE3VSsjB25-o90HryXYeqGYK87yKEInxoUUN0r9JGLcyT4iIewbYzPT0x843R2D4GuLWp_03WngWmEd5Dgca7SYFAlWhcDK_VTBLyYY83m2/s1600/wan+1.gif',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDvPZGjB-972Bwrh_9XleunPJAkUkvFT3CK0AUrIFn5CCKG5Y_Eg5BxFlfKOooCeAg42UT05HNnVRgCTxzwzzXMlY01t8oon6lcoL_C4opwlFdz-vBkUndPW-AP6tqwlenD9oYyK0ipxV2/s1600/wan.gif" alt="Get This" name="Get This" width="24" height="24" border="0" /></a>




Ok dah selesai copy..Yang nie korang pilih nak guna yang mana satu...Dan letak dibawah kod diatas tadi..Kod yang korang copy dalam Gadget HTML tu..



<a href="LINK BLOG KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel Home','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukVXU9fWxedLAx52NKCsTpN5aQq3wdDlIia4BUk3n44vZ0EcoD2vEgb6L_DrZNQ38aeYoOCMg7P47pxNdq6wdL4Nq-1YK_rfVR2_ivM2QHqet4kV35jP7XVLdxGSnMiafQ6QDDwAdq2yv/s1600/home1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn48BHY9ywx3Zxjl-Xtcca66hKGfxMaBk7ggSgpBVbJ1wnWi7goc2Xsui6D265BJR_tQ7gQQXP6-5McfYR80g6huop8xbpjil-9SDYAeiyAvC9nKo57vbo4XYT5_hC8GOeGNFF_oESGsk-/s1600/home.png" alt="Wan Hazel Home" name="Wan Hazel Home" width="110" height="80" border="0" /></a>





<a href="LINK PAGE PROFILE KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel Profile','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijnkFIIy0kFwJbCibEY3e7G29eboXkc7rUU5-qqgz9TQnJF1CXZApDBkpALbtyQQpV9_xTjQUi1uuLpq7-QzACoREV4VgNP9Vtnjgrozg0TtFYBdtZ668lQiYw-nrd7NXrez4ODoZ5XKGg/s1600/Profile1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitBs6UHmYCLNDlfcRl3QWzMI0M58M3-4psHHBwvNnglZ79WJZgy2euAKAC4RpM6MZQ6FohL3tohb92prFJYsYLcX_4b2NT9Mh-OwyZlypVdZ4nrpAV_cP5HwbHL90FlviaXE73Oh3iSJ_r/s1600/Profile.png" alt="Wan Hazel Profile" name="Wan Hazel Profile" width="110" height="80" border="0" /></a>






<a href="LINK PAGE BANNER KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel Banner','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUJIhkZdUlonNKXNVraFeaEXdrE42BmYHrR0ezpd2DX0rMdNp8r1V1ytYHnKeBHsDK3wLSRnFrUPrTMJYJw_D5_zgqE8j6wfa3_hudTD5IFIy-7pDex0fmV4d47IuhGvvz4B0pzrKbzlZw/s1600/banner1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_CR0gJyB13htfvOhQKQXAj7PKtt42UISCE-UT85sw1idk-VuBL7YZmzdVZNv_4Gu_cistEJLjU4IBgJfOXfNV6O31X6fFvxUDGD5MP0q_TjljT92OMPf7-pZaID-GXtitF4AiJDZEXF1/s1600/banner.png" alt="Wan Hazel Banner" name="Wan Hazel Banner" width="110" height="80" border="0" />






</a><a href="LINK PAGE LINK KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel LINK','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNMpOO1f38h3vzilFUtsDggBVKPVsjv58F44Tqk4I24MlzUPHpXsyePdggzE_01GJl4OvHixux8jkjpsOYI9FU-DjrLqE50r238L-FHucs5lqASB4pCGs0dI1VBR9mD3atqxG8ho_4KZuG/s1600/Link1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRSdc_afbd8BWB-qcqZMsIgHzkKNmeoJBjzIIkxh_JSmXWgNXbO0mIpRGFDoKUIA6cYxvNkwDy6KaahfRMDe51I2nByckos-OgcjCwquOu7vU54cm1rIQruVwen5tjaNfvgzXKQWwoACr/s1600/Link.png" alt="Wan Hazel LINK" name="Wan Hazel LINK" width="110" height="80" border="0" /></a>






<a href="LINK FACEBOOK PROFILE KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel Facebook','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX78Ie2ThAD6Xin3z8BeHA9YezHrzVjEXYd4y7ycRKNcpHMxe_U_z8QPjZClc8KcSeoeAHIIPWf5-AFxyOO-PyzOOQaueLu120BjFfICUtdftEuVlt0GYp0So_1lSKl3oZeRK45AXNrg9F/s1600/facebook1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJm15F0H7nAjTRTeZSGmtxElvqot1AYv4Tb1z6wOWqTHXzsX53EmUqSXdFsEFpV9Kf-l-HkwmaMMbxi_z8Qs6wIzjbeZJjN6SDW1BLkD_RUp7BF8i80JP-rYWahb7bLjPVV8_SqSJMHyBd/s1600/facebook.png" alt="Wan Hazel Facebook" name="Wan Hazel Facebook" width="110" height="80" border="0" /></a>






<a href="LINK TWITTER PROFILE KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel Twitter','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiybLJs8rEomk92bQOe0yruNPqDpNuU25I6OONuGLxnksgv33ooxiQpgDYNnfZ_xio_RrLqXzEyvhXZ41OxwPAzgm4zFEn-u5_gB8PKe7XVxjxK_3Qq03Le1-EsoVMXXRop7psSYv_qZ13D/s1600/Twitter1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqrfKpnd7USTBm6ryLD4ICKUxfHJH0SHDHtE3g0X-bLbnlTxcPscI7uEoU76_8X527kDJB8Ude_aMi-d4DFpfxYpzIWfTsmXXbrmWnfxTB-DUzQdxh9Z3KasmMEMJEJNNq7fUQ372LjtuE/s1600/Twitter.png" alt="Wan Hazel Twitter" name="Wan Hazel Twitter" width="110" height="80" border="0" /></a>






<a href="PAGE TUTORIAL KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel Tutorial','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicuEsLBKpw5eKFA3WDId4qwOlc7i5p2f6qG0jibpvMpOGkqnMq6fykVF1CRb0fk1UQovgG_YX1KYvFc8RfGgz8pEU4xLLVhyphenhyphenYOCFkPWzIqcAYxyGlGKIB2HPppEZTCO9P6dbREipFPVN0/s1600/tutorial122.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikKRhjUhrigEDHv7YH-sEoGiEXjxfpm_j7DH29Y84sQOir58OdxYbpFjfW-c4sKhmTzu9A3xaebSgTUJCu2sxMBkRkMOzbyh34SiBWsAtevK1GhAd212d4HV5QbT4sF5E8A3ryO9AaZKs/s1600/tutorial12.png" alt="Wan Hazel Tutorial" name="Wan Hazel Tutorial" width="110" height="80" border="0" /></a>






<a href="LINK FROMSPRING KORANG" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Wan Hazel fromspring','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzMgUmoORxWSu0qDbidkOW0LmUzJ-gESw4VkzHsYFqOlQPUGbSCoxyP9faX-K6MJL5gdsdsaPeGuyfiSFAdDN2ibjxZ5ci_UkOVSJc68-5r81WFehCkr42kwnW5fR2549HY8xGcByFzeTp/s1600/fromspring1.png',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3duO68JcOiGE-ARSxln552_2OaRkAWG4FRBy_CEapZCtgQon5hR0fCW4ROaCy2AZuIx_HG4PM6mdjAevih5FcF1wapvImmUqI5-HwvFhpv5neqzZYDZvS17xkwarrfYwcueyuq_KmSLlx/s1600/fromspring.png" alt="Wan Hazel fromspring" name="Wan Hazel fromspring" width="110" height="80" border="0" /></a>



Ok law dah pilih and dah letak semua yang korang nak dalam Add gadget HTML tu..Korang copy Kod yang kat bawah nie lak..mesti Law tak copy tak jadi punya..Kod kat bawah nie untuk tutup ke semua kod diatas..so letak paling bawah k..


<a href="http://wanhazel.blogspot.com/2011/03/tutorial-wat-horizontal-kawaii-menu-tab.html"title="Get This " onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Get This.','','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOeoMKHao4QNfOCNk80IyHJf35pMrrNTztemE3VSsjB25-o90HryXYeqGYK87yKEInxoUUN0r9JGLcyT4iIewbYzPT0x843R2D4GuLWp_03WngWmEd5Dgca7SYFAlWhcDK_VTBLyYY83m2/s1600/wan+1.gif',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDvPZGjB-972Bwrh_9XleunPJAkUkvFT3CK0AUrIFn5CCKG5Y_Eg5BxFlfKOooCeAg42UT05HNnVRgCTxzwzzXMlY01t8oon6lcoL_C4opwlFdz-vBkUndPW-AP6tqwlenD9oYyK0ipxV2/s1600/wan.gif" alt="Get This." name="Get This." width="24" height="24" border="0" /></a>
<div class='clear'></div></div>



Save and view..
Selesai..eheheh..

Selamat mencuba.Kenyit mate sikit.

Untuk ruangan Banner,Link,Profile
Korang wat lah page baru untuk blog korang..Law tak taw cara nya senang je.

G kat new post . sebelah atas tuh ada edit post ...korang klik je dan create new page korang.lepas tu publish dan pilih No gadget k..Dan korang ambik link tu untuk dimasukkan dalam link kod diatas..



Tutorial Floating Object

.



Salam korang...


Kali nie Wan nak wat Tutorial Floating Object lak..Nak letak Heartbeat pun leh gak....Erm..Tutorial objek terapung..ehehhe..cara nye senang je..

Jum tutorial...


Bagi pengguna Design/layout template

Dashboard>design/layout>add gadget>HTML..



Bagi pengguna Classic template lak

Dashboard>Template
Letak selepas kod </body>

-------------------------------------

<div style='display:scroll; position:fixed; top:150px; right:-8px;'>

KOD OBJECT KORANG

</div>

-------------------------------------

top:150px
Korang leh adjust kedudukan Objek korang tu k..Nak ats sikit ke bawah sikit ke..So ubah je no dalam tu..

right
Korang leh tukar dengan left..

KOD OBJECT KORANG

Korang letak lah kod objek korang dalam nie..Nak letak Heartbeat pun leh gak...Gambar korang ke..ape ape je lah..senang je kan..

S
o selamat mencuba..


.



Saturday, March 19, 2011

Icon ShoutBox Wan pandai kenyit mata..Super canggih kawaii

.



Salam korang..


Hari nie kenyang sesangat lepas BBQ..ehehhe..Lepas je BBQ Wan terus je godek Koding HTML..Lepas manadi k..Wangi dah nie..Godek punya godek punya godek..Pergh..Sampai sakit mata tengok Kod yang entah ape ape..Nasib bek Wan nie faham sikit sikit bahasa Koding nie..eheheh..Tak sia sia kan sejam dihadapan lappy akhir nya membuahkan hasil..

Law korang nak tengok hasilnya..korang halakan cursor korang ke icon Shoutbox Wan kat tepi blah atas tu..or kat icon tutorial,tempahan header and tempahan template tu..Amacam ada nampak perubahan tak??Best tak???Seronok tak??Canggih tak??Wah wah..macam nak nagis je nie lepas siapkan Koding nie...

Korang nak???Korang nak???

20sen cepat..ehehhe..



K lah korang..

Tu je nak kongsi..

Papai.

.



First time bergambar depan laptop


.

First time bergambar depan laptop

Salam korang..

Hahaha..gambar memang nak muntah lah tengok..Aiyo...jangan muntah...Rosak lappy korang nanti..hehehe..macam tak caya lak Wan post gambar pelik dalam entri nie eh..Gambar depan lappy lak tu..Huh...Berpeluh peluh saat taip entri nie..eceh...Syok lak bergambar ..hehehe..Patutlah ramai blogger yang bergambar depan lappy kan..hehehe


Hari nie sabtu dah kan...Cuti sekolah pun dah nak habis ..Amacam skang dah ready ke nak balik sekolah..bagi bebudak sekolah...Bagi mama papa budak sekolah lak..kene lah wat persiapan kan..ehhehe..Bagi Wan macam biasa je..Masa cepat je berjalan..Entahlah korang hope apa yang terjadi semua nya ada hikmah..Wan taw semua mesti ada sebab dan akibat..Tuhan kan adil..


Kadang kadang terfikir gak.. Betul ke tindakan Wan atau Wan tersilap langkah...Apa pun yang kita rancang semua nya Tuhan yang tentukan.Tak leh nak salahkan takdir dan sesape...semua nya berlaku dalam sekelip mata je...Sapa taw kan benda nie akan terjadi...Daripada hidup Wan nie asyik menyeksakan hati orang..Better Duk diam je...Atau pun "Biarlah sekarang dari selepas nya".


Sesekali hidup kita nie asyik menyalahkan sesuatu..Asyik bertanya dari memberi jawapan..Kenapa begitu??

K lah korang...

T
u je..

Pasnie nak BBQ lak..leh lah hilangkan tekanan jiwa nie..ahahha..


Papai.


.




Tutorial Link open in New Tab...

.


Salam korang...

Kali nie Wan wat Tutorial Link open in New Tab lak..Erm..Maksud nya..Klik link tu dan akan buka di New tab..So tak buka pada tab page yang sama..Nie cara yang Wan guna..Korang Wan tak taw lah..Law ada sesapa nak taw cara nya..

Jum Tutorial..

Yang kat bawah nie adalah Link biasa yang akan buka di satu page je..Di page yang sama..

<a href="http://wanhazel.blogspot.com/">Wan hazel</a>

Law nak ubah kod nie untuk open in new tab lak..Korang kene tambah kod nie selepas link korang..

target="_blank"

So kod korang akan jadi macam nie


<a href="http://wanhazel.blogspot.com/"target="_blank">Wan hazel</a>

Ok..Selesai..Korang leh guna nie..Tu je lah...Korang ubah la link Wan tu dan letak link yang korang nak..Dan nama wan hazel tu kepada apa apa tajuk or nama yang korang nak..

Law link berasaskan gambar pun cara nya sama je..korang tambah target="_blank" tu je pada link korang.Kod nya kat bawah nie..

<a href="LINK YANG KORANG NAK LETAK"target="_blank"><img border="0"width="" height="" src="URL GAMBAR YANG KORANG NAK GUNA" /></a>


Ok tu je..


Selamat mencuba




.



Tutorial Sweet Tooltips



.

Gambar dari Mommy Pinky


Salam korang...

kali nie Wan nak wat tutorial..eh eh..bukan wat tapi copy sedikit Tutorial dari Mommy Pinky..Kredit tu Mommy Pinky untuk tutorial nie..

Law korang nak tengok contoh untuk nie..korang leh lah halakan cursor ke mana mana link di page WanhazelJunior.Or boleh tengok kat blog Mommy Pinky. .

Law korang nak wat.
Jum Tutorial

Yang nie hanya untuk pengguna Design/layout template k.

Dashboard>Design/Layout>Edit HTML
Tick expand widget

Lepas tu korang cari kod

</head>

CTRL+F untuk memudahkan pencarian korang.

Law korang dah jumpa..Korang copy je kod kat bawah nie..Dan pastekan betul betul diatas kod yang korang cari tadi..Korang boleh pilih warna kesukaan korang untuk Tooltips tu..

Pink

<link href='http://h1.ripway.com/mommypinky85/mommypinky.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>


Biru

<link href='http://h1.ripway.com/mommypinky85/mommypinkysolehah.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>


Oren

<link href='http://h1.ripway.com/mommypinky85/mommypinkyorange.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>


Hijau

<link href='http://h1.ripway.com/mommypinky85/mommypinkygreen.css ' media='screen' rel='stylesheet' type='text/css'/><script src='http://sites.google.com/site/defaultjssite/urltooltip.js' type='text/javascript'/><script src='http://sites.google.com/site/defaultjssite/sweettiles.js' type='text/javascript'/>




Ok tuje..Preview..law tak de error leh lah save..

Selamat mencuba..


Kredit:Mommy Pinky




.



Friday, March 18, 2011

Tutorial centerkan header...

.



Salam korang..

Kali nie Wan nak wat tutorial ketengahkan headr korang..Law yang dah center header tu ..Takyah lah tengok tuto nie..ehehhe..Bagi yang tak taw je..Ramai gak yang tanya Wan pasal centerkan header nie..Slalunya Wan ajar camtu je..Tak de nak wat tuto..So kali nie law ada yang tanya lagi..Wan kasi link tutorial nie je lah..senang kan.


Tutorial nie bagi pengguna Design/layout je..Classic template tak leh.Law nak wat

Jum tutorial.

Dashboard>Design/layout>Edit HTML
tick expand widget

Korang cari kod nie

/* Content


CTRL+F untuk memudahkan pencarian

Law korang dah jumpa..Korang paste lak kod dekat bawah nie betul betul diatas kod yang korang cari tadi

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



PERHATIAN:sesetengah template memang tak de /* Content so korang leh godek sendiri..Wan tak taw gak nak wat camne..ehehhe.


Papai..

.



Contest Text 3D

.





Salam korang...


Kali nie Wan nak join kontes text 3D nie lak..Senang je..Law korang nak join klik sini.Apa susah???senang je lah...Korang leh godek tutorial wan taw..senang dan amat mudah skali..Klik je kay icon Tutorial kat atas tu..pastu cari tutorial 3D text...banyak dah Wan kongsikan..Nak download Software xara 3D pun Wan ada sediakan..Cepat cepat join taw..

Wan pertaruhkan gambar kat atas and kat bawah..Yang kat atas adalah 3D text untuk header Wan dulu so Wan kitar semula untuk join kontes nie..yang penting 3D text tu Wan hasilkan sendiri..hehehe..yang kat bawah nie lak Wan wat gak..
K lah korang..Tu je..

Wan nak tags,
Hanan
Ezma
Kak Wansteddy

.



Thursday, March 17, 2011

Jauh menerajui gelap malam

.


Kutekan picu alam maya,seraya aku memasuki ke alam itu,penuh nurkilan terpampang dihadapan nya....pelbagai cerita suka duka,tangis tawa,...anehnya, aku dapat menatapnya tanpa berganjak dari tempat duduk ku,hanya jemari ku yang ligat menari....


Jauh,aku menerajui gelap malam,namun itu tatkala malam,
Namun cerah pagi menyentuh tubuh.
Segan segan mata terbuka,silau dek kerna cahaya mentari.

Ku gagahi setiap langkahku,penat terasa,lelah merangkum payah nya perjalananku kini.itu ini serba tak kena...malas mula merasuk sikapku.mempersoalkan kemana pergi hilangnya .


Mendiam



Kau hayati tatkala ku menangisi,

Malam,
Mengapa kau berlabuh andai kau berikan kerinduan,
Malam,
Mengapa hanya punguk rindukan bulan,


Lembut bayu menghembus,
Menyapa membelai tubuhku,
Aku tahu itu kiriman kerinduan,
Aku sekadar mengandaikan,
Memberi sedikit senyuman dihati,
Waima nyatanya tiada sedikit pun hembusan kerinduan,
Aku cuba mengelak dari mendengar rintih rintih hati ku yang cengeng,
Sedemikianlah ku khabarkan pada nya,
Agar secebis senyuman terukir,
Begitu panjangnya bahasa malam,
Bisu tak bersuara namun terukir berbahasa,


Malam mohonku pada yang Esa agar permohonanku akan dimakbulkan...

Tenangkan lah aku..Berikanlah petunjuk..


.




Wednesday, March 16, 2011

Hazel majalah Blogger online masa kini..

.





"Hidup nie simple je...Law ade,adelah..Law tak de, tak delah..Tak yah berharap sangat pun"Begitulah respon Wan atau lebih dikenali sebagai Wan Hazel apabila ditanya mengenai kehidupan sebagai blogger dan pelajar yang kini masih menuntut dalam jurusan kejuruteraan elektrik kuasa program gandingan UTM di kolej ICATS.

"siapalah saya jika dibandingkan dengan blogger blogger lain yang banyak lagi diluar sana.Ramai lagi blogger otai yang saya hormat sebagai orang lama dalam dunia blogger nie.Memang terasa kecil je..Cikkeding"..sambil tergelak Wan Hazel dengan sikap yang merendah diri.


Mahupun begitu sibuk dengan kehidupan luar dan pelajaran yang digalas ,Wan Hazel tidak pernah lupa untuk berborak bersama blogger blogger yang sering menjenguk blog beliau..Pantang mempunyai masa terluang,Wan Hazel pasti menyajikan pelbagai info dan kisah kisah seharian beliau.


Ditanya sampai bila akan menjadi blogger.Wan hazel tanpa teragak agak memberitahu yang dia tidak mempunyai sasaran umur untuk berhenti berblog..Jelas Blogger yang meningkat populor masa kini.Selagi ramai pengunjung blog dan blogger yang masih menerima beliau,beliau akan terus berkarya.

"Saya seronok dengan kehidupan sekarang nie.Nak kejar populariti tu memang tak lah..Berkarya adalah jiwa saya..Disamping boleh menambahkan pendapatan saya..Saya turut berkongsi ilmu ...Tak kisah lah law ada yang mengutuk belakang saya..Sebagai seorang Blogger saya boleh menerima sebarang pendapat , itupun dengan cara yang betul.."


Bercerita tentang perkembangan terkini, Wan Hazel memberitahu dia semakin sibuk dengan pelajaran disamping sibuk menyiapkan tempahan template dan header untuk blogger. 18 - 23 bulan april beliau akan terbang ke kuala lumpur bagi menyelesaikan ujian makmal di UTM semarak.

"Kemungkinan seminggu di UTM semarak saya tak dapat nak luangkan banyak masa di Blog atau mungkin akan membiarkan Blog bersawang untuk sementara waktu..Apa yang penting saya perlu utamakan..lagi pun pelajaran amat penting dalam kehidupan..Seminggu bukan lama pun..pejam celik pejam celik je..Sesapa yang berada di Kuala Lumpur boleh lah berjumpa saya nanti..Itu pun kalau terserempak.."ujar Wan Hazel .


Berkongsi tentang penggunaan Adobe Illustrator dan Adobe Photoshop pula,Wan Hazel memberitahu diri sendiri tidak percaya akan kebolehan dalam penggunaan software berkenaan walaupun tidak pernah mengambil jurusan graphic editing.


"sekadar hobi masa bosan..Godek godek boleh lah..dan skang saya dapat kuasai penggunaan software berkenaan,Sebab tu lah saya tak pernah jemu beritahu kalau nak belajar biar belajar sungguh sungguh dan kalau nak main main..main main lah betul betul.Sampaikan ada yang labelkan saya sebagai budak multi intelligence


Berbloglah dengan cara sendiri , setiap yang diluahkan memang akan dilihat dengan pelbagai perpekstif dan fikiran..setiap orang ada cara nya..Apa yang membezakan kita semua adalah cara..jadi gunalah kelebihan untuk jadi yang terbaik..Setiap manusia tak kan ada yang sempurna..Saya sekadar menyatakan pendapat ..Saya pun tak sempurna..banyak lagi yang perlu saya belajar...nanti ada lak yang kondem saya..Cukuplah dengan isu Anon sebelum ini...Owh ye..Meniru tidak salah tapi yang salah adalah menipu..jangan lah mengaku jika itu bukan hak kita."Ujar Wan Hazel mengakhiri perbualan.





.



Tutorial rapatkan Header pada content/body blog korang

.




Salam korang..

Hari nie nak wat tutorial rapatkan Header pada content/body blog korang..Sebelum ke klaz nie nak wat gak sebab ramai yang tanya macam mana nak wat lepas dia orang tengok WanhazelJunior.So law korang berminat.


Jum tutorial..(untuk pengguna design/layout template sahaja)


Sebenarnya cara nak wat nie ada cara lain lagi..Tapi skang nie Wan nak kongsikan salah satu cara yang paling senang..Cara satu lagi kene ubah kod HTML dan edit Background...Tapi jangan risau..Wan bagi tutorial yang senang je kat korang..Kan korang slalu tengok Header bersambung dengan content/body..Sebelum tu korang mesti ada Header yang menarik..Korang leh tengok Tutorial nie.

Tutorial nak wat header transparents

Tutorial wat Header Blog Cute or Comel_Adobe Photoshop


Dah ada Header yang menarik...Jum edit kod lak..


Dashboard>design/layout>Edit HTML
Tick expand widget

Mula mula korang cari kod nie

/* Header

CTRL+F bagi memudahkan pencarian.


Law korang dah jumpa tu..korang tengok bawah bawah lagi dan korang akan jumpa kod macam nie.


border: 9px solid $headerBgColor;


L
aw dah jumpa..Korang ubah 9px tu kepada 0px..Dan akan jadi macam nie


border: 0px solid $headerBgColor;


Boleh faham tak??Tak faham tengok gambar bawah nie..



Ok selesai .

Preview ..Law tak de error and ok..Save terus

Selamat mencuba..


.



Tuesday, March 15, 2011

CONTEST Mas Photo Collage



.

6 Mei 2011

Salam korang..

Kali nie Wan nak join kontes dari blogger Mas nie lak..Siap tag nama Wan dalam Fb suh join kontes nie..ehehheh...K lah kali nie tanpa menghampakan mana mana pihak..Wan join..Klik banner diatas untuk ke blog penganjur.


Kontes nie berkaitan dengan gambar yang banyak banyak dalam sekeping gambar...Wan pun ada sediakan Tutorial nie kat dalam Tutorial Wan..So pada sesape yang nak join..Sila lah join..Leh jenguk Tutorial Adobe Wan..


Dan gambar yang Wan pertaruhkan...Wan tak taw gak sama da gambar yang Wan pertaruhkan nie boleh diterima or tak..hehehe..Cuba jangan tak cuba..Owh ye..Gambar nie Wan dah siapkan lama dulu..lama lama ..Dan gambar nie Wan pernah gunakan untuk entri Tutorial Wan..Tanpa melengahkan masa dan membuang masa lagi..Jum tengok..


Klik untuk pembesaran

Maaf Lah..gambar tak seberapa...Owh ye...Penghasilan gambar nie ialah mengunakan cakura yang macam naruto tu..Wan bahagikan badan kepada beberapa orang..So dapat lah snap gambar macam nie..senang je..yang susahnye cuma perlu kuasai ilmu naruto nie..ehehhee..


Tak de lah..Wan guna Adobe Photoshop untuk editing gambar nie..Wan taw..Wan tak hebat..Korang lagi hebat..Dan penganjur kontes nie lagi hebat..Blog dia ada yang cakap meniru Blog Wan..eh ye ke???hehehe..

K lah korang...

Tu je..Wan harap kontes nie tak guna kaedah Voting...Law guna kaedah Voting lagi..Wan akan tarik diri..Maaf pihak penganjur..Wan tak suka sistem pemilihan pemenang berdasarkan Voting..Tawar hati dengan kontes berunsur Voting.

Wan nak tags
Hanan
Memo


Papai

.


Wan nak tags..



Tutorial Gambar Timbul bila cursor menyentuh gambar

.


Salam korang...

Kali nie Wan nak wat Tutorial Gambar Timbul bila cursor menyentuh gambar..Wan pun tak taw nak letak tajuk apa..Wan tengok law guna benda nie Blog nampak bertambah comel..Jangan risau tak lambatkan load page pun..Nak wat pun senang...Nie untuk pengguna design/layout template je..Classic template wan tak godek lagi..ehehhe..Law korang nak tengok or preview..Leh tengok kat blog nie..WanhazelJunior.blogspot.com/..Korang arahkan je cursor korang kat mana mana gambar dalam tu..

Jum tutorial..

Pengguna Design/layout template

Dashboard>design/layout>Edit HTML
Tick expand widget

Lepas tu cari kod

/* Header

CTRL+F untuk memudahkan pencarian

Dah jumpa kod yang korang cari tu..Korang copy kod kat bawah nie..dan paste diatas kod yang korang cari tu..


--------------

/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}


-------------------

000000
Kod nie korang leh ubah dengan menukar warna yang korang nak untuk shadow tu..HTML warna kod k.


Preview dulu law tak de error save terus..ehehhe

Tu je..

Selamat mencuba..


Papai

.



Tutorial wat wishlist or kotak Impian comel



.



Salam Korang...


Kali nie Wan nak wat Tutorial wishlist or kotak Impian comel..Biasa nya korang tengok Wishlist Blogger simple je kan..tak de kotak comel macam kat atas tu..Law korang berminat nak wat.Tunggu apa lagi...

Jum tutorial.

Bagi pengguna Design/layout template

Dashboard>design/layout>add gadget>HTML..



Bagi pengguna Classic template lak

Dashboard>Template
Paste kod di bahagian side.

---------------------------








Contoh kod yang wan guna untuk wishlist diatas..Wan tunjukkan nie untuk korang senang faham k..

<fieldset><legend><a href='http://wanhazel.blogspot.com/2011/03/tutorial-wat-wishlist-or-kotak-impian.html'title='Get Wishlist'><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfdGUuFzXrWrXWusG6qFWHvPWUIo5uku0qk7kHoHB7nRi4wdO16Cw-psrgGyDsAZXJseMpuBJm0BrQ8w1hJBEC6hHx4NuTrLi1OnqdcWFS2bGJad8oY09ommajqbs1PkxHqajeiNuAIlwD/s1600/WISHLIST+TUTO.png "/></legend><form name="myform">

<div><input type="checkbox" name="mybox" value="Kekasih lisa surihani" checked="">Kekasih lisa surihani</div>
<div><input type="checkbox" name="mybox" value="Blogger pames" disabled="">Blogger pames</div>
<div><input type="checkbox" name="mybox" value="Kawen" disabled="">Kawen</div>

</form></fieldset>


------------------

Ok...Skang korang lak...Korang edit kod kat bawah nie..Wan bagi dua kod je..Yang di tanda dan tak ditanda.














<fieldset><legend><a href='http://wanhazel.blogspot.com/2011/03/tutorial-wat-wishlist-or-kotak-impian.html'title='Get Wishlist'><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfdGUuFzXrWrXWusG6qFWHvPWUIo5uku0qk7kHoHB7nRi4wdO16Cw-psrgGyDsAZXJseMpuBJm0BrQ8w1hJBEC6hHx4NuTrLi1OnqdcWFS2bGJad8oY09ommajqbs1PkxHqajeiNuAIlwD/s1600/WISHLIST+TUTO.png "/></legend><form name="myform">

<form name="myform">
<div><input type="checkbox" name="mybox" value=" wishlist korang" checked="">wishlist korang</div>
<div><input type="checkbox" name="mybox" value="wishlist korang" disabled="">wishlist korang</div>
</form>

</form></fieldset>

------------

Korang leh rujuk contoh yang Wan bagi kat atas tu k..camne nak edit tu..Tak faham gak???ok ok Wan ajar nie...Tu gunanya tutorial kan..ehehe

wishlist korang
Yang nie korang letak text impian korang


Law korang nak tanda or tick korang guna kod nie..checked
Law tak nak tanda or tak nak tick..guna kod nie..disabled


So makna nya korang ubah lah kod tu.

Dan law korang nak banyakkan lagi wishlist korang..Korang copy je yang dalam ruangan atas tu..Kod nie..

<div><input type="checkbox" name="mybox" value="wishlist korang" disabled="">wishlist korang</div>

Dan paste dibawah kod wishlist korang tu..di atas kod

</form></fieldset>



Ok


Tu je..

Selamat mencuba..


.



Tutorial wat kotak comel pada sidebar (fieldset)

.



Salam Korang...


Nampak tak gambar kat atas tu??ada tak sesape nak wat macam tu???Law ade

Jum tutorial..


Senang je..Copy kod je..Lepas tu ganti masuk ayat or image yang korang nak..

O
k jum mulakan..Copy paste kod dibawah di :



Bagi pengguna Design/layout template

Dashboard>design/layout>add gadget>HTML..



Bagi pengguna Classic template lak

Dashboard>Template
Paste kod di bahagian side.

---------------------------

Wan Hazel...Aucak aucak


<center><fieldset><legend><img src=" LINK GAMBAR KORANG "/></legend> Wan Hazel...Aucak aucak </fieldset></center>


---------------------

LINK GAMBAR KORANG
Ganti masuk dengan link gambar yang korang nak..Cari kat Photobucket ke mane mane lah..yang penting jangan guna yang besar sangat..ehehhe

Wan Hazel...Aucak aucak
Yang nie korang ganti denagn text yang korang nak guna..

------------------------
------------------------

Wan hazelI LOVE YOU


<center><fieldset><legend><img src="LINK GAMBAR KORANG "/>Wan Hazel</legend>I LOVE YOU</fieldset></center>

-----------------


LINK GAMBAR KORANG
Ganti masuk dengan link gambar yang korang nak..Cari kat Photobucket ke mane mane lah..yang penting jangan guna yang besar sangat..ehehhe

Wan Hazel
Tukar dengan word korang

I LOVE YOU
Yang nie korang ganti denagn text yang korang nak guna..


---------------


Tu je

Selamat mencuba


.