Wadah Madrasah Pengalaman: 2012-04-01

Friday, April 13, 2012

kreatif _ Coke Hug Me Machine - Peluk dapat air percuma.

Assalamualaikum...

Dah tengok video kat atas tu??Kreatif tak???Kalau benda nie kat tempat Wan..Wan peluk sampai habis air tin tu dan jual balik..Huh..tak perlu modal..ahhaha...

Korang layan je Video tu k..

Nak study..Doakan Wan jawab final paper esok k..Harap dipermudahkan..Amin..

Kalau suka entri kali nie klik like atau sponsor Wan rm0.20 .Klik kanan dan open in new tab k , atau klik button donate.Yang iklhas nak klik je taw..Terima kasih

Who are you betting on for Axiata Cup? The Best
When price tags are slashed into half

Papai

.

Thursday, April 12, 2012

Tutorial CSS3 Tab menu _ mudah dan kemas

Assalamualaikum...

Hai korang..kali nie Wan nak ajar korang macma mana nak wat tab menu yang simple dan mudah...Kalau korang nak..

Jom Tutorial..

Caranya mudah sangat..

Dashboard>add gadget>HTML

Copy dan paste kod kat bawah nie.

<center><style>
#WanHazel-Container {
font: normal 1em Arial, Helvetica, sans-serif;
width:100%; float:left;
}
a {
color: #333;
}
#nav {
margin: 0;
padding: 7px 6px 0;
background: #4d4b4d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi64-xynlKQvkLbw4XoOKhXEbzdrPmTlYzr4yhs2PxMHUEpqc-w21DqYtmwZyYHVC8140x5WRD3mhZlfyHwgxoZoakBAODPcXvX3QCte_l16AW4juz9wagafH2lbgPn-qZ_c5e220UzCfI/s1600/gradient.png) repeat-x 0 -110px;
line-height: 100%;
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none; }

/* main level link */
#nav a {
font-weight: bold;
color: #e7e5e5;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;
-webkit-border-radius: 1.6em;
-moz-border-radius: 1.6em;

text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
background: #000;
color: #fff;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
background: #666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi64-xynlKQvkLbw4XoOKhXEbzdrPmTlYzr4yhs2PxMHUEpqc-w21DqYtmwZyYHVC8140x5WRD3mhZlfyHwgxoZoakBAODPcXvX3QCte_l16AW4juz9wagafH2lbgPn-qZ_c5e220UzCfI/s1600/gradient.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#nav ul a:hover {
background: #4d4b4d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi64-xynlKQvkLbw4XoOKhXEbzdrPmTlYzr4yhs2PxMHUEpqc-w21DqYtmwZyYHVC8140x5WRD3mhZlfyHwgxoZoakBAODPcXvX3QCte_l16AW4juz9wagafH2lbgPn-qZ_c5e220UzCfI/s1600/gradient.png) repeat-x 0 -100px !important;
color: #fff !important;
text-align:left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
/* dropdown */
#nav li:hover > ul {
display: block;
}
/* level 2 list */
#nav ul {
display: none;
text-align:left;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 35px;
left: 0;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi64-xynlKQvkLbw4XoOKhXEbzdrPmTlYzr4yhs2PxMHUEpqc-w21DqYtmwZyYHVC8140x5WRD3mhZlfyHwgxoZoakBAODPcXvX3QCte_l16AW4juz9wagafH2lbgPn-qZ_c5e220UzCfI/s1600/gradient.png) repeat-x 0 0;
border: solid 1px #b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
}
/* level 3+ list */
#nav ul ul {
left: 181px;
top: -3px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav {
display: inline-block;
}
</style>

<div id="MBT-Container">
<ul id="nav">

<li><a href="Link blog korang">Home</a>
<li><a href="Link 1">tab 1</a></li>
<li><a href="Link 2">tab 2</a></li>
<li><a href="Link 3">tab 3</a></li>
<li><a href="Link 4">tab 4</a></li>
<li><a href="Link 5">tab 5</a></li>

</li></ul>

<br/>

<br/></div></center>

Tab menu nie tak de drop down menu k..Nak buat yang mudah je untuk korang..Kalau korang nak ubah warna latar tab menu korang nie..Korang tukar kod warna nie..4d4b4d ..Kod warna HTML korang leh dapat kat sini

klik untuk Kod Warna HTML - XHTML - XML - CSS

Link 5 dan tab tu korang ubah lah ikut kesesuaian korang..Link tu korang ambik dari page yang korang dah buat atau mana mana entri korang..korang leh rujuk kat sini kalau nak wat new page

http://wanhazel.blogspot.com/2011/04/tutorial-wat-new-page-dan-link-dalam.html

Bila dah selesai..

Korang save dan lihat lah hasilnya..

Kalau suka entri kali nie klik like atau sponsor Wan rm0.20 .Klik kanan dan open in new tab k , atau klik button donate.Yang iklhas nak klik je taw..Terima kasih

Who are you betting on for Axiata Cup? The Best
When price tags are slashed into half

Papai

.

Wednesday, April 11, 2012

Banner Islam itu indah, I Love Islam..

Dashboard>add gadget>HTML

Untuk letak di side bar

Bahagian bawah sebelah kiri

Bahagian bawah sebelah kanan

Bahagian bawah sebelah kiri

Bahagian bawah sebelah kanan

Terima kasih..kalau ada koding yang tersalah sila kasi taw k..

Kalau suka entri kali nie klik like atau sponsor Wan rm0.40.Klik kanan dan open in new tab k

Who are you betting on for Axiata Cup?

Papai

.

Blog berwajah baru...Beta version

Assalamualaikum...

Hai korang...hari nie lepas balik dari final exam terus cari idea nak buat design baru untuk wajah blog..nak buat yang simple je..jadi lah macam sekarang..Tukar sikit warna nie..Nak kata merah tak merah nak kata pink tak pink..hahaha..Biar nampak garang dalam hati ada taman..eceh.

Jadi apa pendapat korang??Beta version je nie..masih boleh edit lagi..Mana lah taw korang rasa macam tak berapa ok..Korang kasi taw lah kat Wan k..Wan akan baiki lagi dan ubah mana yang korang rasa tak ok tu.

P/S: jadi kalau korang semua ada pendapat/kritikan mari kongsikan kat ruangan komen bawah nie..

Kalau suka entri kali nie klik like atau sponsor Wan rm0.40.Klik kanan dan open in new tab k

Who are you betting on for Axiata Cup?

Papai

.

Sunday, April 8, 2012

Tutorial Photography : Sharpkan gambar_Adobe Photoshop

Assalamualaikum..

Hai korang..kali nie Wan nak ajar korang macam mana nak sharpkan gambar..Teknik nie bergantung dengan kesesuaian gambar jugak..kekadang teknik nie turut menyumbang kepada Noise.So kene hati hati jugak.Dulu Wan pernah ajar macam mana nak tambah Bokeh pada gambar..Ingat lagi tak??

Menambahkan bokeh pada gambar _ Adobe Photoshop

Jadi kalau korang nak belajar camne nak sharpkan gambar korang..

Jom tutorial

Mula mula korang bukaklah Adobe Phototoshop dan gambar yang korang nak sharpkan tu..

Lepas tu korang duplicate layer gambar korang..CTRL + J untuk duplicate layer.Selesai duplicate tu..Korang akan dapat hasil layer yang macam kat bawah nie..ada dua layer.

Seterusnya korang ikut cara nie.

Filter>other>high pass

Nanti korang akan dapat pop up macam kat bawah nie..Bahagian radius tu korang adjust taw..setkan nilai yang bersesuaian..Korang boleh try and error..Kalau terlebih gambar korang akan nampak HALO..so kene hati bagi mengelakkan NOISE dan HALO..

Kalau dah rasa cam ok..Korang klik lah OK.Nanti layer dan gambar korang akan jadi macam dalam gambar kat bawah nie..

Pada bahagian layer yang kelabu tu korang ubah dia ke Overlay..korang klik pada bahagian yang ada anak panah macam dalam gambar kat bawah nie

Bila korang dah set Overlay..Korang akan dapat hasil akher..

Dan Selesai..

Kalau suka entri kali nie klik like atau sponsor Wan rm0.20 klik satu je..senang je klik nie.Klik kanan dan open in new tab k

Love what you do with the internet? The Best
Social SharingPaint the town green!
JOHARA
LMFAO’s KL entourage!
Solve this mission with Agent 7.7!

Papai

.

Saturday, April 7, 2012

Tutorial Scroll Box untuk popular post/top ten entri

Salam korang..

Kali nie Wan nak wat Tutorial wat Scroll Box untuk Populor Post/Top ten entri _Design/layout Template..Bagi memendekkan Populor post kat side blog korang...Tu pun law korang ada add gagdet Populor post nie..Law tak..Tak de lah...Kalau korang nak wat Top ten entri/Populor post rujuk Tutorial nie

http://wanhazel.blogspot.com/2012/04/tutorial-top-ten-entripopular-postadd.html

Jom Tutorial..

Dashboard>design/layout>Edit HTML
Tick expand widget

Mula mula korang cari kod nie

Popular Post atau popular je

Bila korang dah jumpa tu..Korang tengok kat bawah lagi..nanti korang akan jumpa kod macam kat bawah nie..

Bila dah jumpa kod tu..Korang gantikan kod tu dengan kod yang kat bawah nie k..gantikan...

width:220px; height:400px lebar dan tinggi tu korang ubah ekot kesesuaian sidebar korang..

Preview dulu law ok dan tak de error
Korang save

Love what you do with the internet? The Best
Social SharingPaint the town green!
JOHARA
LMFAO’s KL entourage!
Solve this mission with Agent 7.7!

Papai

.

Tutorial Top ten entri/Popular post_add gadget

Assalamualaikum...

Hai korang..kali nie Wan nak ajar camne nak buat top ten entri/populor post lak..Benda nie penting jugak..sebab boleh tarik perhatian pembaca jugak...Caranya mudah sangat ..Jadi kalau nak buat..

Jom Tutorial

Bagi penguna Design template dan yang sewaktu dengannya..Blogskin tak leh.

Dashboard>design/layout>Add Gadget

Lepas tu pilih lah Populor post macam kat dalam gambar bawah nie.