Pages

leave your foot step here

Wednesday, November 30, 2011

Add The Fixed Navigation Menu To Blogger

hai!
arini nak ajar u olllsss cara wat nevigation menu (fixed version)
alaaaa!
button comel kat tepi tu! 
meh tgk ni:


PREVIEW HERE!


ok, skarang leh follow tutor ni..simple jer!


Remember Always Back Up Your Template Before You Make Changes!!


Step 1. In Your Blogger Dashboard Click Design > Template Designer > Advanced > Scroll to the Add Css Option as shown below.
(If your using the new Blogger dashboard click the drop down menu for your blog, then layout, then template designer)


Step 2. Paste the following code into the Css section :


/* CSS Style for Horizontal Menu - info @ http://www.spiceupyourblog.com*/
#hor {
list-style:none;
padding:0;
margin:0;
}
#hor li {
float:left;
padding:5px;
}
#hor a {
display:block;
height: 12px;
text-indent:-999em;
}
#hor a.home {
width:46px;
background:url(vHome.gif) no-repeat 0 0;
}
#hor a.download {
width:94px;
background:url(vDownload.gif) no-repeat 0 0;
}
#hor a.contact {
width:74px;
background:url(vContact.gif) no-repeat 0 0;
}

/* CSS Style for Vertical Menu */
#ver {
list-style:none;
padding:0;
margin:0;
}
#ver li {
padding:2px;
}
#ver li a {
display:block;
height:12px;
text-indent:-999em;
}
#ver a.home {
width:47px;
background:url(hHome.gif) no-repeat 0 0;
}
#ver a.download {
width:95px;
background:url(hDownload.gif) no-repeat 0 0;
}
#ver a.contact {
width:74px;
background:url(hContact.gif) no-repeat 0 0;
}

.clear {
clear:both;
}

*{
/* A universal CSS reset */
margin:0;
padding:0;
}

#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;

/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));
font-family:Arial, Helvetica, sans-serif;
}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a{
background:url('http://1.bp.blogspot.com/-jwOb6rML3W0/TrWP2WBsvaI/AAAAAAAAFFg/NK2hIQSRO-E/s1600/navigation.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}
/*End menu css - info @ http://www.spiceupyourblog.com */




Step 3. Save your template, that's the Css added now for the html.


Step 4. Return to your blogs Design or Layout page and click Add A Gadget > Html/Javascript > 


Step 5. Copy and paste the following code into the Html/Javascript gadget :


<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Home" href="URL">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="URL">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="URL">
<span>Services</span>
</a>
</li>
<li>
<a class="portfolio" href="URL">
<span>Portfolio</span>
</a>
</li>
<li>
<a class="contact" href="URL">
<span>Contact us</span>
</a>
</li>
</ul>
</div><a href="http://www.spiceupyourblog.com/" target="_blank"><small>Get The Fixed Menu Gadget</small></a>




Note- Change the URLs with your links.


Step 6. Save the gadget, you can drag and drop the gadget to the bottom of the design page out of the way.




kalau xjadi, sila bgtahu ekk!

Wordy Wednesday!



hai!
Assalamualaikum!

First of all...
saya mintak maaf sesangat for those yg comment nye tak di reply..
Sorry Banget deh!
saya bukan full-time blogger yer...
and..
sebenarnya..
saya xtau nk update entry ape kalo dah hari-hari online.
*pdhal kalo x online pon, xtau nk taip per
HAHAH

I"M ACTUALLY COUNTDOWN-ing MY INTERNSHIP
yang tinggal lagi beberapa hari jer!
HAHA
orang lain takot..
aku lak teruja!
HAHA


*yeah!

btw...
Sipot saya dah menghilang kan diri...
mungkin juga dah tiada...
well, u know what i mean kan...
isssokkkaaayyy Sipot..
saya doakan awak ditempatkan dgn kucing-kucing yang beriman!
amin!!
olwez love you my darling!!

xoxox!




signature

Sunday, November 27, 2011

...ni la akibatnya! (edisi muntah)



AMARAN
pesakit jantung, wanita mengandung, kanak-kanak dibawah 13 tahun, warga tua dan warga-warga 
lemah semangat adalah dilarang keras untuk membaca entri ini!




*seems familiar...?




Hi!
korang mesti pernah dengar cerita urban legend ni kan..
alaaa...citer pasal makan sushi kene cancer...
takkan tak tau!!!

ok...skarang sume dah tau kan??

its actually not cancer...
TAPI
ia nya adalah MAGGOTS!
*ulat sampah.

ok. bab ulat sampah nih,,
suma orang tau cmne rupa dye kan...
payah nak mati..
cepat beranak pinak
yada yada yada.

nak tau lebih lanjut..
baca ni dlu!

Sushi worms to sushi lovers........
This is a true case of a japanese man from Gifu Prefecture who complains incessantly about a persistent headache. Mr. Shota Fujiwara loves his sashimi and sushi very much to the extent of trying to get them as "alive and fresh" as can be for his insatiable appetite.
He developes a severe headache for the past 3 years and has put it off as migraine and stress from work. It was only when he started losing his psycomotor skills that he seeks medical help. A brain scan and x-ray reveals little however. But upon closer inspection by a specialist on his scalp, the doctor noticed small movements beneath his skin. It was then that the doctor did a local anaesthetic to his scalp and discovered the cause when tiny worms crawled out. A major surgery was thus immediately called for and the extent of the infestation was horrific. See the attached pictures to the scene that one thought only a movie could produced.:
Remember, tapeworms and roundworms and their eggs which abounds in all fishes fresh or saltwater can only be killed by thorough cooking and/or freezing the fish to between 4 degC - 0 degsC. The eggs of these parasites can only be killed if it is cooked or frozen to the said temperatures for a week or more. Think twice about that raw dish next time... or you might get a headache.






nampak tak words yang saya bold kan tu....?
creepy kan...

nak lagi creepy..
jom tengok gambar ni..

*klik untuk lihat dengan jelas

 



Berikut adalah report analysis yang korang wajib baca..



While medical experts agree that the stories accompanying these disturbing images are fictional, debate over the authenticity of the photographs themselves is ongoing. 


When I showed them to pathologist Dr. Ed Friedlander, he concluded they must have been faked, largely because the anatomical landmarks one would expect to find in a dissected human brain are absent. Another expert has speculated that the photos could be real, but, if so, document an extremely serious case of scalp cancer, not a "brain infection."
Based on information received from an unnamed but presumably reliable source, the trusty debunkers at Snopes.com have concluded that the images are indeed authentic and pertain to the case of 70-year-old man suffering from "an unusual form of cancer which had eaten away at the upper portion of his skull and scalp." When I took this to Dr. Friedlander for a second opinion, he agreed that the medical explanation is plausible, though in his judgment the photos could still have been retouched.


Tapeworms, roundworms, and sushi
As to the version of the story featuring Mr. Fujiwara, the alleged sushi fanatic who contracted "brain worms" by eating raw fish, it is quite simply preposterous. Though there are precedents in the medical literature to support the claim that certain species of tapeworm or roundworm can infect the human digestive tract when ingested in raw or undercooked fish, I could find no indication that these particular parasites (in contrast, say, to the pork tapeworm, which is capable of causing a much wider and more serious array of symptoms) can migrate to other organs, such as the brain. In documented cases where pork tapeworm larvae have been found in the brain, they were embedded, cyst-like, in the neural tissue. They would not be capable of crawling around freely, nor of boring outward through the patient's skull to emerge through the scalp.
Lastly, to set the record straight on one final medical matter, maggots can infest the human brain, evidently, and so can certain types of tapeworm larvae. But these conditions are fairly rare, and -- in spite of what you are likely to hear through the Internet grapevine -- they don't result from ignoring ingrown hairs or binging on sushi.



so...skang cmne??


DARE TO EAT YOUR FAVOURITE SUSHI AGAIN?





p/s: sebab tu Rasulullah menyuruh umat-umatnye memakan makan yang dimasak..


signature

Thursday, November 24, 2011

How to put Jquery Sweet Menu (peek-a-boo)

Ok, first of all..
credits to rojakstory.blogspot.com for sharing this tutorial..
mmg dah lama cari...tapi xjumpe...

ini lah contoh nye...


ha!!
cantikkan??

cara2 mengikut beliau adalah seperti berikut:

Mula mula kerja pertama mesti lah login Dashboard. Lepas tu masuk Design. Lepas tu Edit HTML dah akhir sekali tick pada Expand Widget Templates.

Lepas tu copy paste coding bawah ni selepas ye.

<script src='http://cikamoitutor.bravehost.com/jquery-1.4.2.min.js' type='text/javascript'/>
<script src='http://cikamoitutor.bravehost.com/jquery.easing.js' type='text/javascript'/>
<script src='http://cikamoitutor.bravehost.com/jquery.sweet-menu-1.0.js' type='text/javascript'/>


Lepas tu copy paste coding bawah ni plak selepas ]]>

Yang aku kalerkan dengan kaler hijau tu ialah direct link gambar icon kecik kecik tu nanti. Kalau kau ada icon lain nak letak kau gantikan je dengan link kaler hijau okey.

<script type='text/javascript'>
$(document).ready(function(){
$(&#39;#backMenu&#39;).sweetMenu({
top: 40,
padding: 8,
iconSize: 48,
easing: &#39;easeOutBounce&#39;,
duration: 500,
icons: [
&#39;images/back.png&#39;
]
});
$(&#39;#exampleMenu&#39;).sweetMenu({
top: 100,
padding: 8,
iconSize:40,
easing: &#39;easeOutBounce&#39;,
duration: 500,
icons: [
&#39;http://1.bp.blogspot.com/-8HPX3cRbEv4/TWqAKubiMlI/AAAAAAAAD-M/3vIzpvJOzHo/s1600/2011-02-28_003024.png&#39;,
&#39;http://1.bp.blogspot.com/-OE-a1ACRYvM/TWp-YDU4JAI/AAAAAAAAD98/AcK_uUbYiuU/s1600/Lockbox.png&#39;,
&#39;http://3.bp.blogspot.com/-D-iRR9UIz5k/TWp-9to863I/AAAAAAAAD-E/0dSNTvNoZJQ/s1600/Text.png&#39;,
&#39;http://1.bp.blogspot.com/-z-iw2XB4WUQ/TWqAK5_Z86I/AAAAAAAAD-U/mVSX7JI-1YY/s1600/Customize.png&#39;,
&#39;http://2.bp.blogspot.com/-YtXFVHsn9Yk/TWqALDHN4mI/AAAAAAAAD-c/qM-XY5PrDgg/s1600/Sketches.png&#39;,
&#39;http://3.bp.blogspot.com/-R9xU-Bj9Ye4/TWp9wCGKvKI/AAAAAAAAD90/U9jqZvY3ueA/s1600/Kate.png&#39;
]
});
});
</script>




Lepas tu copy paste coding bawah ni sebelum ]]>

Ini sebenarnya bahagian CSS lah. Kalau kau pandai CSS boleh lah edit sini.

.sweetMenuAnchor{
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
color: #000000;
font-size: 20px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
font-family: Arial Narrow;
text-decoration: none;
background-color: #ACF3FD;
opacity: 1.0;
}
.sweetMenuAnchor span{
display: block;
padding-top: 10px;
}


Ini last step. Copy paste coding bawah ni betul betul atas

Yang aku kaler kan pakai merah kau ubah je link dia kepada link yang kau mahukan dan kaler purple tu ialah tajuk untuk display link kau.

<div id='exampleMenu'>
<li><a expr:href='data:blog.homepageUrl' title='homepage'>Home</a></li>
<li><a href='http://www.blogger.com/home' target='_blank' >Login</a></li>
<li><a href='http://linky-linko.blogspot.com/' target='_blank' >Links</a></li>
<li><a href='http://rojakstory.blogspot.com/2009/08/banner.html' target='_blank' >Comel</a></li>
<li><a href='http://rojakstory.blogspot.com/2007/05/disclaimer.html' target='_blank' >Disclaimer</a></li>
<li><a href='http://rojakstory.blogspot.com/2007/12/about.html' target='_blank' >About</a></li>
</div>





Lepas template kau dah ada semua coding ni semua kau preview dulu tau. Dah preview dah tengok hasilnya. Puas hati? Save Template sekarang jugak! Sangat cantik dilihat pada browser Firefox 2+ , Chrome dan Opera. Browser lain aku tak pasti macam mana hasilnya.

Sebenarnya kalau kau search jquery menu bar pun memang banyak lagi menu bar yang lagi cantik dihasilkan menggunakan jquery. Tak susah nak letak coding dia dalam blog selagi programmer tu ada sediakan coding jquery , css dan juga HTML dia. :D!


THANKS TO cikamoi

signature

ptc program??



Page Graphics, Tumblr Graphics


yeeeepppp
its good for the last 3 seconds of your life back.
#pfffftttt
tapi, tu bukan ape yang saya nak cerite kat sini...
ha...
u oollllssss nampak tak banner kat atas tu?
ha...yg tu lah!
hehehe

yg tu actually a PTC program...

ptc tu ape?
ptc stands for : Paid To Click.

amende erkk?
mende ni untuk membantu kite menjana wang just duduk depan lappy jer.
korang kan suka duduk depan lappy kan? kan? kan?
dari update blog, twitter and yada yada jer...
lebih baik kite buat duit kan??

actually program ni baru jer saya involve..
so far..saya rasa selamat lah..
sebab ade Paypal! 
hehehe

and, account ni baru jer wat..
tapi dah dapat 5DOLLAR.
masyuk2!

siyes masyukk!
sape nk bagi dollar kat kiter senang2 kan??
hehe
so, korang leh la try program ni dgn click banner kat atas tuh!

ok??

XOXO!



signature

Wednesday, November 23, 2011

no title


yuppp!
thats the words..sudah lama oooohh tidak update blog...
since.....errr....since aku bz ngn assignments lah! HAHA
btw,
BONJOUR!!
i'm back for more!
and...first thing first..
i've reached home safely!
walaupon RM70 sudah melayang repair kereta..
#grrrrr..
and....now...i'm fully available for blog, twitter, Fb, yada yada yada...
sbb..

SAYA DAH TAMAT BELAJAR DI KOLEJ!!
sangat bangga! 
skang focus on 
INTERNSHIP!
danggg baby!!!

oh yerr...
to all my friends outtthere,,
good luck for your internship
&&
happy holidays!!!

next year, we'll be meeting again!!

love you allsss!!!



signature
 

Template by Unconscious Mutterings