Pages

leave your foot step here

Wednesday, June 29, 2011

today is..



BLOG 
MAKEOVER
DAY





*will be off for several hours
haha

kbai!

signature.jpeg

no title

hype!!
bru jer update back to top button!
ahha!!
comel kann!!!
ade kucen lg!
weee~

oh ya,,
td gi wat KP bru..
lagi 3 minggu baru siap!
adehh!
lmbt lh la mknenye.
igtkan leh ambik before balik kolej nih!
adehh~
btw,
not a big deal
ayah leh ambikkan nt.
huwa huwa huwa!
ayah sayang adik kan??
hehehe

tu jer kot..
ermm..
tutorials pun x sempat update g..
xpe2
nt saya post yer!!

bye for now!



signature.jpeg

Tuesday, June 28, 2011

GET YOUR ANGRYBIRDS CURSOR HERE:


Hai.

because of less competences among my followers,
so...
these cursor will become 
FREEBIES 
for you guys!!

YOU LOIKE IT??

i created these by myself due to my addiction towards
ANGRYBIRDS


so,,,
simple requests here:
1. Please put credits on me.
2. Please submit your URL in Linkies!
&&
3. Please leave your comments.

thats all!

HAVE A NICE DAY!!





CLICK HERE to get your freebies




Photobucket

AngryBirds Cursor For You:


simple requests here:
1. Please put credits on me.
2. Please submit your URL in Linkies!
&&
3. Please leave your comments.
*follow me for more updates!

thats all!

HAVE A NICE DAY!




angry bird.png
red bird

http://anisazemi91.opendrive.com/files/32531581_ZiskQ/angry%20bird.png


angry birdyelllow.png
yellow bird

http://anisazemi91.opendrive.com/files/32531593_WsFRF/angry%20birdyelllow.png

angry blue.png
blue bird

http://anisazemi91.opendrive.com/files/32531583_VKOvL/angry%20blue.png 

angry fat.png
giant red bird

http://anisazemi91.opendrive.com/files/32531592_3qO9m/angry%20fat.png

angry green.png
green bird

http://anisazemi91.opendrive.com/files/32531596_S8SfS/angry%20green.png

pig atuk.png
grandpa pig

http://anisazemi91.opendrive.com/files/32531601_tSyKz/pig%20atuk.png 

pig idle.png
idle pig

http://anisazemi91.opendrive.com/files/32531602_8Mhbq/pig%20idle.png 

pig jahat.png
happy pig

http://anisazemi91.opendrive.com/files/32531604_gdlEW/pig%20jahat.png 

pig.png
bad pig

http://anisazemi91.opendrive.com/files/32531605_9kyc0/pig.png 




credits:
GIMP 2.6 
Iconpedia
paint.net
photoscape
opendrive (for hosting)




click here if you do not know how to use it
:)

ANNOUNCEMENTS: AngryBirds Cursor

have you seen my new cursor?


ANGRYBIRDS CURSOR
will be launched soon!

LIMITED EDITION!

20 EARLY COMMENTATORS WILL BE GIVEN THE CODE

GRAB IT NOW!!


red bird
giant red bird
yellow bird
green bird
blue bird
mighty white bird
black bird
or even
THE PIG!



leave your comments here
&&
request for your favourite characters!
*follow me to get updated

PROMOTION  TILL 
END of  June 2011




Photobucket

Monday, June 27, 2011

Freebies : IPad 2 Giveaway!


hiii!!
ok,
harini, lepas jer dapat result gempak!
tbe2 ade pakcik posmen datang
beliau hulurkan bungkusan atas nama saya
ANIS SUHAILA BINTI AZEMI
siap ade no IC lg!
910225-**-****
mintak tandatangan bagai!
da cm artis dah gue cakap lu!
dalam hati da rse cm dup dap dup dap je..
bile bukak...

TARAAAAAA!!!!!


IPAD 2!!! 
TERBAIKK!!!
nak-nak lagi hari yg best cmni!!!
Ya ALLAH!!!
Syukur gila!!!
seronok betol!
xsangka
penantian
kesabaran
etc
dah membuahkan hasil!!
mmg gempak lah..
orang kampung pkai IPad  2 kan??

mesti ramai yang tertanya-tanya cmne saya dapat menatang ni kan??
since dua bulan lepas lah ni,
tgn aku gatai sign up one program dalam internet nih ha
so, i want to share this with you!
yes you!!
simple jer!!
just follow Maybank's Twitter jerr
dah bleh dapat IPad 2 cam saya punya kt ats tuh!
weeeee!

siyes senang!

so, here's the link!


so, good luck!!!
semoga dapat ape yang saya dapat!!!
first thing saya nk buat ialah...

update my FB via IPad 2!!











p/s: Syukur sangat sangat sangat!!!! ;))
Photobucket

spot the differents!


assalamualaikum!
saya sangat happy harini!!
saya baru jer dapat tau keputusan exam saya untuk sem ni!
alhamdulillah sangat-sangat!
banyak betul peningkatan nya!
happy betol saya!
sampai melompat2!!
nk tau ker result saya?
heheh
result cemerlang, leh la nk menunjuk!
hahah
cer kalo result teruk..
ish2..
nangeh guling-guling-guling lah saya!

ha, meh kite imbas kembali result saya mase sem 3 dulu..
result yg buat saya jatuh dihempap tangga, escalator, elevator, semua lahh!!
cer tgk!
cer tgk!



fuyooohh!!
teruk oh!!
3.18
ish ish ish!
waktu ni rse down gila2!
saya tak pernah dapat result teruk cmni!!
mmg nangis lah!!
tp, nk wt cmne,
saya bukan kaki bodek lecturer!
oopppsss!


so, skarang..
saya dah bleh angkat muka 
and
tunjuk muka saya yang comel ni kt semua orang!
sbb, result sem ni gempak!!
(ckup gempak utk diri sendiri ler.....org len lg gempak kan kan kan?)

lets check it out!


ha!!
gue ckp kt lu,
result gue sem ni unbelievable!
heheh
(cakap ala-ala citer KONGSI)

alhamdulillah!!
CGPA pun da naik!!
yayy!!
yang penting..
xda C!!
yayy!

tp yang kesalnya..
saya tak pernah dpt A+ cam orang len
uwaaaa!

no hal lah tuh!
yg penting,
SAYA HAPPY!!
*dapat la saya dekan sem ni!!

di kesempatan ni jugak.
saya..
KAKIBUSUK
ingin mengucapkan
TAHNIAH!!
untuk rakan-rakan seperjuangan saya yang sama-sama naik pointer!
meh saya list kan..

Muzhafar Bin Mohamad
Farah Liyana Bt Hassan
Syairah Bt Zahari
Aniza Salwa Bt Ab Ghani
Nurul Syahidda Bt Mohd Nor
Syahirah Izzati Bt Mohd Zuki
Yusnoridayu Bt Mohd Yussof
Wan Nur Afiqah Bt Rashid


TERIMA KASIH 
untuk lecturers yang mengajar

Madam Zarina
Miss Ayu
Sir Mark
Madam Yaya
Sir Fazli
Sir Ahmad
Madam Za

"jasamu dikenang!"







Photobucket

tutor : hidden shoutbox (save your space!)

HOW TO HAVE HIDDEN SHOUTBOX LIKE MINE..?
just follow these simple steps!

1. go to DESIGN > PAGE ELEMENT > ADD GADGET > HTML/JAVA

copy and paste this code:


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://sites.google.com/site/auracyber/img/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2F3B07;
background:white;
padding:0px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">   </div>
<div class="gbcontent">
PUT YOUR SHOUTMIX/SHOUTBOX CODE HERE
<div style="text-align:right">
<a href="javascript:showHideGB()" tip="">
[close]
</a></div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>



Change every highlighted text with yours!

xoxo!




Photobucket

Tutor : FB Like Button

lazy of typing...
just follow these..
hahah!


1.go to  Design > Edit HTML > *Tick Expand Widget HTML ! and find this code:

<data:post.body/>

2. copy and paste this code just AFTER the above code:

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/> 

love this tutorial??
press LIKE!
hehe




Photobucket

tutor: 3 column footer

We are going to add some columns to our Blogger Footer. If you're using one of the Blogger default templates, you've noticed that in your Footer section, you only have a horizontal Add a Gadget element that has the same width like the Blog.

















We can do better. Let's start with adding 3 columns in the footer, and place the default one on the bottom.




















1. If you already have some widgets (gadgets) in the Footer, remove them:
LAYOUT ► check if you have gadgets in the footer ► if you do, click on Edit and ► Remove

or, just "drag" them in the Sidebar. You'll get them back in place when you integrate the Footer columns.

2. Go to LAYOUT ► EDIT HTML ► and locate the following part of the code:


]]></b:skin>
</head>


..ABOVE it, you'll have to place the following part of the code:


#footer-columns {
border-top:1px dotted #999999;
clear:both;
margin:0 auto;
}
.column1 {
padding: 0px 5px 3px 5px;
width: 30%;
float: left;
margin:3px;
text-align: left;
}
.column2 {
padding: 0px 5px 3px 5px;
width: 31%;
float: left;
margin:3px 3px 3px 5px;
text-align: left;
}
.column3 {
padding: 0px 5px 3px 5px;
width: 30%;
float: right;
margin:3px;
text-align: left;
}
.addwidget {
padding: 0 0 0 0;
}
#footer-columns ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
#footer-columns li {
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
padding-right:15px;
text-indent:-15px;
line-height:1.5em;
}
body#layout #footer-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body#layout .column1 {
width: 32%;
float: left;
}
body#layout .column2 {
width: 32%;
float: left;
}
body#layout .column3 {
width: 32%;
float: right;
}



...that's the CSS style for our new Footer section. We'll talk about customization (colors, borders, backgrounds, headings...) in the other tutorial.

3. Now, to add some containers. In your LAYOUT ► EDIT HTML ► locate this part:

<b:section class='footer' id='footer'/>

...you will DELETE it, and REPLACE with this code:


<div id='footer-columns'>
<div class='column1'>
<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>
</b:section>
</div>
<div class='column2'>
<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>
</b:section>
</div>
<div class='column3'>
<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
<b:section class='footer' id='footer'/>


...Save template.

Basically, that's it. It works for the templates with different width, because the columns are fluid (made to stretch to fit the footer-container width).
Some margin adjustments may be necessary for the wider templates.




have fun!






Photobucket

wooowww!!!

i've increase my talk-time!
yayy!!
i'm so happy!
seriously!!
i can't wait for another promotion..
after buying this HAPPY,
i gain a lot of surprises and points!
now, my points is about 10000pts!
and i want more!!
btw, why don't you click here to know about it.





let us be happy! 
(together-gether)
hehe!





Photobucket

Sunday, June 26, 2011

Tutor ; Sidebar border.


here's the tutorial on how to create border for you sidebar:

1. go to DESIGN >EDIT HTML. tick expand widget and find this code:

h2 {

2. copy and paste this code below h2 {


border: 3px solid #000000;
background:url(''');
-moz-border-radius: 40px 10px;
border-radius: 40px 10px;

thats all!




Photobucket

tutor: fieldset box

tired..hehe

just follow..

copy and paste it anywhere you'd like:


<form><fieldset>
<legend>TITLE</legend>
TEXT GOES HERE.</fieldset>


change the highlighted words with yours!




Photobucket

tutor : reply to comment button


each time when people post comments in your blog,
you must be couldn't reply it..
so, here's the solution!!

1. go to DESIGN > EDIT HTML (tick expand widget!)  and find this code:

<b:include data='comment' name='commentDeleteIcon'/>

2. copy and paste these codes just after the above code:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply]</a></span>

and your code should be like this:

<b:include data='comment' name='commentDeleteIcon'/>
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply]</a></span>


ahha!
DON'T FORGET TO CHANGE THE BLOG ID WITH YOURS!





Photobucket

tutor: change your scrollbar


bored of yout default scrollbar?
change it!!

just follow this simple steps:

1. go to DESIGN > EDIT HTML and find this code..


]]></b:skin>

2. copy and paste these code BEFORE  ]]> !!


:-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;
-moz-border-radius: 10px;
border-radius: 10px;
}

note:
you can change the colour and radius value!



good luck!




Photobucket



tutor: close tab button


lalala
this is quite cruel,
but i still want to post this entry!
heheh

it is called : CLOSE TAB BUTTON!
yeahh!
when you click it, it will close your page immediately!
har har har!

so, here's the code!
copy and paste it anywhere you like! (sidebar, footer, header, etc...)

<a href="javascript:window.close();">Insert Message</a>

insert you message in the red coloured text!

oh!

there's another trick!

you can also link an image to it!
<a href="javascript:window.close();"> <img src="IMAGE URL" width="90" height="90" border="0" /></a>

don't forget to change the URL with yours! 




Photobucket

freebies : More cursor!


hai!
more free cursor here!
i made these just for you!
hope you like it!!
XOXO!

http://anisazemi91.opendrive.com/files/32421545_pBLS8/cursor.png
and 

the octopus!

http://anisazemi91.opendrive.com/files/32421989_zJYVG/cursoroct.png


get the cursor code here!



have fun!



Photobucket

tutor : Each Post in Different Color or with Different Background

Now there's a practical tutorial!
How to place different background picture for each post? Or how to make each post appear in different 
color?


It's done by wrapping your Post content into a "div" element. You can apply these setting to your already published posts, too....and change/remove it anytime....
there are two ways to do it:
1. Code for Changing the Color of the Post Background:

a. go to POSTING > NEW POST and add this code:



<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
Your text goes here....
</div>


change the color hex value to any colour you like
and your entry should be in "your text goes here...."








2. Code for placing the Background image behind the Post


a. go to POSTING > NEW POST and add this code:



<div style="background:url(URL ADDRESS OF THE PIC) no-repeat;">Your text goes here....</div>



just change the URL and  your entry should be in "your text goes here...."




smile! 

tutor: add border around your post

hi there!
today i'm going to share another tutorial with you!
yes!
how to add border around your post..




ok, just follow these steps!


1. go to DESIGN > EDIT HTML and find this code:



.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
background:#FFFFFF;
border: 2px solid #663333; 
padding-right:7px;
padding-left:7px;
}



2. copy and paste this code just before the end (if you want it to be rounded edges):


border-radius: 30px;


so it will be like this:


.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
background:#FFFFFF;
border: 2px solid #663333; 
padding-right:7px;
padding-left:7px;
border-radius: 30px;


little tricks here..




you need to change border: 2px solid #663333; to any value you like..
same goes with the radius (if you wanted the rounded edges)


see ya!
hope this will help!


Photobucket

tutor: rounded box for Date Header





what is date header?

got it?




now, i'm going to teach you to make it looks like that..


1. go to DESIGN > EDIT HTML and find this code:



.date-header {
color: $datecolor;
padding-top: 15px;
padding-bottom: 0px;
font-family: helvetica, geneva, sans serif;
font-size: 12px;
letter-spacing:.3em;
border: none;
text-transform: lowercase;
text-align: left;
}




2. copy and paste this code just below the .date-header {



border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: #CC6666;
border: 2px solid #000000;


your code should be like this:



.date-header {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background: #CC6666;
border: 2px solid #000000;

color: $datecolor;
padding-top: 15px;
padding-bottom: 0px;
font-family: helvetica, geneva, sans serif;
font-size: 12px;
letter-spacing:.3em;
border: none;
text-transform: lowercase;
text-align: left;
}



*you can change the radius convenient to you. 10px works ok with me!
* you can also change the background colour.  (find it here or here)




have fun!



Photobucket


tutor: rounded edges

tired of having box shape of you blog?
why don't your turn it to rounded edges like mine??

just follow these simple steps:

1. go to EDIT HTML and find this code:

#outer-wrapper {
width: 1020px;
margin: 0px auto 0;
text-align: left;
font:$bodyfont;
background: #FFFFFF;
}


2. copy and paste this code before the end of the code above:

border-radius: 60px;



so, it will be like this:


#outer-wrapper {
width: 1020px;
margin: 0px auto 0;
text-align: left;
font:$bodyfont;
background: #FFFFFF;
border-radius: 60px;
}

this code should be working in all browsers.
if not..
just add this code:

-moz-border-radius: 60px; 




oooopss!
dont forget to change the radius. 60px works just fine with me!


Photobucket

tutor: how to increase the width of your blog

today i wanna teach you on how to increase the width of your blog..
as you can see here..
my blog is quite wider than usual rite??
how to do it??
just follow these simple steps ok!


1. go to EDIT HTML and find this code


#outer-wrapper {


below the code should be like this:



width: 970px;
margin: 0px auto 0;
text-align: left;
font:$bodyfont;
background: #FFFFFF;



to widen your blog, you have to change the width: 970px;
to more than 1000px or less.


thats all!!


see ya!!


Photobucket

ikan masin


yer..
entry ini bertajuk Ikan Masin
or in english..
salted fish!
hahah~
bukan ape..
sewaktu entry ini di post..
mak saya tengah goreng ikan masin!
and tau2 je lah!
bau nye...
wow!!
sangatlah mengancam!
hahaha
xsbar2 da perut saya nk mkn!

oh ya,,
ade quote kelakar dari adik saya..

"eeeeii!! bershuffle bulu ketiak aku!"

mksudnya da mmg geli sgt lah tuh!
hahaha
bygkan lah..
bulu ketiak bershuffle!
eeeewww!
mmg geli lah kan!!
hahaha




p/s: tibe2 teringat citer Cartoon meatball tu..sbb bulu dada dye bershuffle!! ;))




Photobucket

tutor: how to increase your blog's traffic!


Are you frustrated
 that the search engines don’t seem to be finding all the pages on your new website?
 Or perhaps you’ve been adding some great new content every week,
 but every time you do, it seems to take FOREVER to get indexed? 

so, thats why you need to PING your Blog!

i'd prefer to used


it have 82 sites to promote our blog!
besides,
it fast!

but you can always have better choice rather than this..
it's just an option..

you can also use these sites:

Pinging your website is the online equivalent of waving a flag and yelling,
“Hey! Over here – check this out!”
to search engines and directories
whenever you add or make major updates to the content on your site.
Using a Ping tool can speed up indexing because it essentially sends search portals
and
other services a message from your website telling them that there is new content and to come crawl it. 
Although ping tools were originally designed for bloggers publishing daily, they can be used successfully on any website with fresh content, including your Squidoo lenses. 

Before you get started, here are 3 important things to know about Pinging:
  1. You only need to use this tool when you add fresh content to your site or make major updates. ‘Extra’ pings won’t benefit your site and could even cause your IP address to be blocked by some services.
  2. There is no limit on how many times you can ping your website every day – as long as you are adding new content for every time that you ping. 
  3. Adding new content to your site is a very good thing in general and you should aim to do it at least once a week.

so, why wait??

happy pinging!!!





    Photobucket

Tutor: infected URL..?




s

hai!
last hours ago,
my sis told me that she cannot see my blog update..
she said that something is wron with my blog's URL..
but i dont see any problems with my URL..
it is just the annoying unknown value at the end of my blog!

it seem like this..

http://sikakibusuk.blogspot.com/#azzxAhb16Gz

ha!
something like that!
it's really annoying.
i tried several ways to figure it out like..
deleting my ads, my audio player, my widgets, etc..
but it seems not working!

then i tried to find the causes in my EDIT HTML,,
yup!
i knew whats the problem..
it's my TYNT widget!!

i used it to track my visitors!

so, i delete it..
and..
walllaaahhh!!
my URL has been back to normal!
and I LOIKE it!!


:(
btw,
please leave your track at the bottom
so that
i can trace you back!!

oh yup!
if you're having the same problem like me..
try to remove any un-useful widget!
ok!!


see ya!

kbai!




Photobucket



 

Template by Unconscious Mutterings