Wadah Madrasah Pengalaman: 2011-03-13

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><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>

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..

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..

So 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

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...

Tu 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

Biru

Oren

Hijau

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;

Law 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..

Ok 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

.

Monday, March 14, 2011

Kiriman Hadiah dari Kak Wansteddy dah sampai.

Salam korang...

Hari nie, hari hari Wan macam biasa je..Bangun pagi kemas rumah ..mandi makan dan lain lain..hehehe.Jam 12.45 berangkat dari rumah nak turun klaz..Klaz start jam 1 sampai jam 3 .Lepas klaz jam 3 Wan lepak jap dengan kengkawan kat kantin ..Dalam jam 3.20 petang baru Wan berangkat untuk balik ke rumah..Datang je kat simpang kampung dalam jam 3.45 petang,Simpang no dua Wan terserempak dengan Van Pos laju..Dalam hati memang dah terfikir dah mesti ada kiriman untuk Wan nie..sebab aritu Kak Wan dah kasi taw Kiriman hadiah dah dipos kan..Sila tengok entri nie Hadiah dalam perjalanan .Skang dah sampai dah..Tepat kat tangan Wan..Wan sendiri yang ambik hadiah tu dari abang pos laju..ehehhe..Seronoknya..

Nak tengok kandungan dalam hadiah tu??Jom serbu gambar Hadiah...

Selepas dibuka..

Yang kat bawah nie paling Wan suka...Kak Wan ade wat kad ucapan taniah..ehehhe..Comel comel..Wan simpan nie..

Law sesape tak ingat nie kontes ape..leh lah jenguk entri kontes Wan kat sini 'Make Up Ur Entry Contest_Wan Hazel Dolly,Hello Kitty dan Pink.'...Wan menang saguhati je..Terima kasih wat kak Wan..hadiah yang kak Wan beri tu Wan akan simpan dalam almari wat kenangan..Erm..Yang buku tu lak..Wan nak baca sebelum tido..ehehhee..Masih dalam perasaan yang seronok..

Ehehehe..Kak Wan..Next kontes mesti Wan nak join lagi...Korang terjah lah blog Kak Wan nie..jangan lupa Follow taw..mana lah taw ade kontes lain lain lagi..Tengok hadiah nie..menarik kan..Saguhati pun dapat hadiah menarik..

http://wansteddy.blogspot.com/

K lah korang...Tu je..

Papai..

.

Tutorial tajuk pada side Bar berlatar belakang/Background/Bergambar/icon/ dan kawaii

Salam Korang..

Kali nie Wan nak wat tutorial untuk side bar blog korang lak..Tutorial tajuk pada side Bar berlatar belakang/Background/Bergambar/icon/ dan kawaii..Tajuk pun Wan tak taw nak letak apa..Hentam je lah..ehehhe..Apa yang Wan maksudkan ialah macam kat gambar atas or bawah nie..ehehe.

Yang kat atas nie sebelum di ubah suai.Dan kat bawah nie dah di ubah suai..

So ada tak sesape yang berminat??Tutorial nie hanya untuk design/layout template je k..Classic template tak leh k.Template yang Wan gunakan pada WanhazelJunior ialah Minima Template...Wan tak pasti law template yang korang gunakan boleh atau tak..Backup template korang dulu k.

Jum Tutorial..

Mula mula korang wat dulu background untuk bahagian side korang tu..Guna adobe or apa apa medium editing..Law susah sangat nak edit..Korang ambek je gambar kat bawah nie..ekot size dia k..Wat macam kat bawah nie..kosong je..tak yah tulis apa apa..Untuk wat box macam kat bawah nie..Korang leh tengok tutorial nie "Tutorial Art Word (Kawaii cute Fonts)"..Korang tengok tutorial untuk design 2 k..tengok camne nak wat kotak tu je .Save dalam format .PNG.

Law dah selesai tu..Korang ambek kod HTML untuk Box yang korang wat tu...Tengok link nie untuk dapatkan link gambar.."Tutorial nak dapatkan kod gambar/photo"

Dah selsai dapatkan link gambar tu..Korang Edit HTML blog korang lak

Dashboard>Design/layout>Edit HTML
Tick expand widget

Lepas tu korang cari kod ..CTRL+F untuk memudahkan pencarian.

/* Header

Law korang dah jumpa..Korang copy kod bawah nie dan paste diatas kod yang korang cari tadi.

_________

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #000000;
line-height:10px;
padding:8px;
margin-bottom:10px;
}
.sidebar h2 {
background:transparent;
background-image:url(LETAKKAN KOD BOX KORANG
);background-repeat:no-repeat; background-position:center center;
color:#ffffff;
padding:18px 0px 0px 46px;
font-weight:bold;
font-size:20px;
line-height:59px;
text-transform:none;
letter-spacing:1px;
text-align:left;
border:0px solid #070200;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:url("") no-repeat 2px .08em;
margin:0;
padding:0 0 5px 10px;
margin-bottom:2px;
text-indent:3px;
line-height:10px;
}
.sidebar .widget, .main .widget {
border-bottom:0px dotted #faac04;
margin:0 0 0.5em;
padding:0 0 0.5em;
}
.main .Blog {
border-bottom-width: 0;
}
//Http://wanhazel.blogspot.com/

______________

LETAKKAN KOD BOX KORANG
Korang gantikan masuk kod HTML Box korang kat sini

18px 0px 0px 46px;
Korang ubah kod yang berwarna hijau tu je k..Ubah nombor nya..Try and error untuk kedudukan tulisan korang dalam Box tu..Lain lain korang leh godek sendiri.

Selepas tu klik preview..Law tak de error or sesuatu yang buruk terjadi..Korang save je...

So selamat mencuba.

.