ChLo3 B4byx BloG: February 2012

Mist About Paper

Hey! Yo!
Hi all!
In today entry, i'm going to ask u all...
U all use a lots of papers in school everyday, do u all ever know about paper mist?

Well,
Today i'm going to tell u all about a paper mist...
Try it...

DO U BELIEVE?
------>We can't FOLD A PAPER INTO HALF MORE THAN 7 TIMES?

YEAH!
Now!
Go and find a piece of paper...

It's up to you...
The paper may be in = Any size, any colour, thick or thin also can...

Then try and fold it into half....
Each time u fold it into half, count it...

TADAAA!!! U will find out that A PAPER CAN'T BE FOLD IN HALF MORE THAN 7 TIMES!!

Change Ur Scrollbar To Special Colour Scrollbar

What is scrollbar?

See the picture below..

As u can see it, i got different scroll bar on my blog compare from the above..

Do u wanna do it too??

Let me show u how i do...

ATTENTION: I learn this from Mohamad Firdaus( Dausx)

1. Dashboard > Design > Edit HTML

2. Press Ctrl+F

(For those who duno how to use Ctrl+F, press HERE!)

3. Write on the search box <head>

4. Copy the CSS code below and paste it BELOW the <head> code juz now.

5. PREVIEW it first..

6. If it is success,SAVE it.

*Pink colour = ur scroll bar background colour
*Red colour = ur scroll bar colour

For those who wanna change the colour, u may click HERE! to get ur code! <3

GUD LUCK TO TRY IT!

Adding Online Readers On Ur Page

Hi All...
Do u know what is the title about?

Lets see this....

(U may click on it if it is not clear)

What is that?

That is a widget that shows u how many readers is reading ur blog on the time...

Do u wanna get this?

Follow the steps below:

1. Juz click HERE!

2.Then, in the page that u click just now click SIGN UP

3. Sign up to create ur own account..

4. After sign up, sign in to ur account..

5. Click "Link Codes" in the menu bar.

6. Add your domain name/address.

7. Choose your font color and link test.

8. Now copy the generated code.

9. Go to ur own blog> Design> Add a gadget>Add HTML/Javascript

(U may click on it if it is not clear)

10. Paste the code in the HTML/Javascript.

11. Press save and view ur blog..

Hint~ U can put it on anywhere u want it to be on ur Edit Layout..

GUD LUCK TO TRY!

Single Follow Button On Blog

Do u wanna learn how to add single FOLLOW button on ur blog?

Follow the steps below..

1. Just Sign in to your blog account.

2. Go to your blog's Dashboard > Design.

3. Just copy the blog Id from the url (Just the number nothing else).

Example:

(U may click on it if it is not clear)

4. Now replace the marked RED code below with ur own ID NUMBER that u had copy juz now..

5. Then, go to Blog> Design>Page Elements> Add A Gadget>Add HTML/JavaScript

6. Just copy and paste the above code with your blog id in the widget and Save.

You are all set. From now on you are free from the bulky bad blogger follow widget and you have a very simple blogger follow widget. Once you are done with adding the widget you will see something similar to the below image. Looks simple right..

(U may click on it if it is not clear)

GUD LUCK TO TRY IT!

Add Facebook Like Button On Ur Post

Wanna add FACEBOOK like button on ur blog post?
In this entry, i will teach u how to add Facebook like button to ur blog post...

What is FACEBOOK LIKE BUTTON ON BLOG POST?

See the picture below..

(U may click on it if it is not clear)

Now, follow the steps below:

1. Log in > Dashboard > Design >Edit HTML

2. Don't forget to tick Expand Widgets Templates.

(If u duno how to tick Expand Widgets Templates, click HERE!)

3. Press Ctrl+F and it will appear a searchbox on the top of right..

(If u duno how to use Ctrl+F, click HERE!)

4. Paste the below code on the search bar

<div class='post-header-line-1'/>

If u can't find the code,
Try to find this

<data:post.body/>

5.If you already found the code, copy and paste the below code below on the code that you found..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

In the above code you can customize 3 parts...
I’ve colored them to make it easy for you to recognize
In the above code change the following parts:

like ~this part controls the verb that appear on your button, keep it as you see or change it to recommend if you want.

arial ~this part controls the font type, keep it or change it to one of the following,
lucida+grande
segoe+ui
tahoma
trebuchet+ms
verdana

light this part controls your button color theme, and you have three options, light, evil, or dark.

6. Press preview and check it either it is work or not...

7. Press SAVE TEMPLATE to save it...

NOW U HAVE YOUR FACEBOOK LIKE BUTTON ON YOUR BLOG!

DO U LIKE IT?

GUD LUCK TO TRY IT!

Making Scroll Box In Ur Post

Hello All!
In this entry, i would like to teach u all about how to put a scroll box in ur post!

What is SCROLL BOX?
See the below example of scroll box...

Hi,my name is Chloe Chong. Real name in IC is Chong Mei Ting. I am 18 years old in this year. I am an ex-student of Sekolah Menengah Kebangsaan Convent Father Barre. I live in Sungai Petani, Kedah Darul Aman but currently I live in Seri Gombak Kuala Lumpur. I'm flying to Australia
soon. Hope u all will like to follow my blog. Do leave some comments for me too =)

If you wanna do the scroll box, just follow the steps below..

1. Log in > Dashboard > New Post

2. Copy the code below :

3. Paste the code on Edit Html in the New Post just now.
Where is Edit HTML?
See the below picture

(U may click on the picture if it is not clear)

After you paste it, ur EDIT HTML will looks like this..

(U may click on the picture if it is not clear)

4. After u paste the code, type your own text that u wan to publish on ur scroll box in "Type Your Text Here".

5. Paste ur IMAGE URL in the YOUR IMAGE URL.. U can find it on google...

6. The blue colour text, u can change the border colour that u like at HERE!

7. U also can change the width and height of the scroll box as u wish by changing the value on the red colour text..

8. Now, click compose(shown on the above picture in STAR) to see whether it is work or not...

(U may click on the picture if it is not clear)

9. Tadaaaa!!! If it is work, it will look like this..

(U may click on the picture if it is not clear)

10. Then click Publish Post to publish it...

NOW YOU HAVE UR SCROLL BOX IN UR POST....

DO U HAPPY?? =)

GUD LUCK TO TRY!

Moving Word Cursor =)

Hye All!
In this entry, i would like to teach u all how to make moving word cursor..
What is " moving word cursor"?
Look at the picture below..

(If the picture is not clear, u can click on it! =))

Try the steps below:

1. Log in > Dashboard > Design > Add Gadget > Html

2. Then , copy and paste the code below..

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'JOKERMAN';
color: TEXT COLOR;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "TEXT HERE";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>

~JOKERMAN= U can find the font u want in your own microsoft..
~TEXT COLOR= U can get your own text colour that u like from HERE!
~TEXT HERE= U can type any text that you want it to move on ur blog! <3

After finish, press "PUBLISH POST" and view your blog!
Now u have ur moving word cursor!

GOOD LUCK TO TRY IT!

How To Use Ctrl+F

Hellowww all!!

In this entry, i would like to teach u all about how to use Ctrl +F key...

What is Ctrl+F?
It's a combination of key in ur keyboard to function when u wanna search something..

What is the usage of Ctrl+F key in blogging?
It's to search some code in ur Edit HTML fastly and easily..

Follow the steps below:

1. Log in > Dashboard > Design > Press Edit HTML > Tick the Expand Widgets Templates..

2. When u are there...

HOW TO PRESS Ctrl+F?

It's easy..
Juz look at ur keyboard...
Find the key that had written "Ctrl" and the "F"....
When u found it, press Ctrl and continue by F...
Now there is a searchbox coming out from any place on ur computer...

3. Press any code that u wanna find in the searchbox...

4. The code that u wanna find will be highlighted..

(U may click on it if it is not clear)

It's so easy to use Ctrl+F rite?

GUD LUCK TO TRY IT!

How To Tick Expand Widgets

Hye All!!

What is Expand Widgets?
Expand Widgets is to let us find the code that we can't found in the templates..

In this entry, i would like to teach u all how to tick Expand Widgets..

Why we have to tick it?
This is because, when we want to make some changes/edit our templates..
We couldn't find some code..
So, we have to tick it to let it easy be found..

This tutorial is just nothing..
I just wanna make sure that some new bloggers know the function of Expand Widgets when it is ticked.

Come here, i'll show u where to find Expand Widgets..

Follow the steps below :

1. Log in > Dashboard > Design > Edit Html

2. Then, u will see the Expand Widget Templates as shown in the picture below...

(U may click on it if it is not clear)

3. Click on the small box beside the Expand Widget Templates

4. Now u know how to tick the Expand Widgets and u can easily find the code that u want..

What??
Duno how to paste ur code?
Dun worry!
U can learn it from HERE!!

GUD LUCK TO TRY!

Hair Dryer Can Help Us To Straighten Our Hair =)

Hello! In this entry, i would like to talk about using hair dryer..
A lot of people keep on asking me why my hair is so straight..
Hurm, i duno how to answer it but now i wanna explain it..

*People alwaz think that using hair dryer will destroy the hair..
>But it works on me =)
>It's also safe my time to dry up my hair..

Dun understand?
Here is the explanation,
> All i want to say is hair dryer make my hair straight..

You're asking why?
> Because, since i was standard 6.. i use hair dryer every morning...

Why every morning?
> Because i wash my hair during bath in the morning for going to school..

Why i wash the hair every morning?
> Because i know i have the oily hair problems..

I have oily hair?
> Yes. And i have to shampoo my hair 3 times A DAY!

3 times A DAY?
> Yes! (Which means, i have to dry my hair 3 times A DAY!)

But that doesn't prof that hair dryer will help straightening hair..
> I had do experiment before, i try not to use hair dryer for a week,
and result is my hair starting to curl on a bit on shoots..

Well, it's all about the technique used when we using hair dryer to dry hair..

For example:

Do u seen it before, the hair stylish alwaz use hair dryer to blow and make shapes to the hair?
They used different sizes of brushes/comb to make make different shapes on the hair...

For more information, u may visit here Blow Drying

So, if wanna have a straight hair...
Follow the easy steps below:

1. U need a hair dryer..

2. U need a comb..

Remember: This kind of comb ! A straight comb!

Not a round comb like this..

Because we want a straight hair.. Not a curl hair.. =)

3. Comb ur hair downwards...
4. Use the hair dryer and dry the hair up..
* Make sure u always place the hair dryer on top of the head...
* Blow it from top(roots)... Don't blow it from below(shoots)..

Blow like this

Don't blow like this...

If u follow the correct instruction, u will have a straight hair that looks like rebonding =)

ATTENTION: THIS POST IS NOT SUITABLE FOR THOSE HAVE TOO CURLY HAIR...

How To Find Ur Blog ID

U all want to find blog ID?
Why we want to find blog ID?
~This is bcoz some of the coding need blog ID...
And, on the time... U will blur..HUR? Where to find blog ID?

No worries....
I'm here to help you.. =)

1. Log in > Design

2. Click Edit on your header as shown in the picture below..

3. It will come out Configure Header..

4. See the above on the site bar as shown in the picture...

5. Now u find ur own blog ID...

GUD LUCK TO TRY IT!

How To Use Ctrl+C

Hi All!!!!

In this entry, i would like to teach those that who duno how to use Ctrl+C button....

What is Ctrl+C???

Ctrl+C is the fastest way to copy anything without clicking right button...

How to use Ctrl+C??

See the picture below..

(U may click on it if it is not clear)

1. Just highlight the things that u wanna copy as shown in the picture above...

2. Search the Ctrl and C key in ur keyboard..

3. Press Ctrl and follow by C...

4. Now u can paste the thing that u have copy in anywhere by using Ctrl+V key...

GUD LUCK TO TRY IT!!

WeLcOmE To My NeW BloG!

Hi Everybody!
Welcome to my new blog!
I'm so happy and I love my blog now!
Thanks to my blog designer!
D4usX

Dun forget to follow my blog yeah!

Chlo3b4byX Playlist

Popular Posts

HaHaHaX!

ViSiT My PaGeS!

Mist About Paper

Change Ur Scrollbar To Special Colour Scrollbar

Adding Online Readers On Ur Page

Single Follow Button On Blog

Add Facebook Like Button On Ur Post

Making Scroll Box In Ur Post

Moving Word Cursor =)

How To Use Ctrl+F

How To Tick Expand Widgets

Hair Dryer Can Help Us To Straighten Our Hair =)

How To Find Ur Blog ID

How To Use Ctrl+C

WeLcOmE To My NeW BloG!