ChLo3 B4byx BloG: Making Scroll Box In Ur Post

Chlo3b4byX Playlist

♥Hi All...Welcome To Chlo3b4byx Blog! Hope You All Enjoy Reading My Blog! Don't forget to follow me yah!♥

Popular Posts

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 :




<center>
<div style="background-image: url(YOUR IMAGE URL); border: 3px double #FF3399; height:150px; overflow: auto; width: 400px;">

Type your text here ...

</div>


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!



No comments:

♥Thank You For Reading..Do Leave Some Comments And Don't Forget To Follow My Blog Yah!♥


♥Press The 1st Strawberry To Know More About Me...Press The 2nd Strawberry To Go To The Blog Tutorials...Or Press The 3rd Strawberry To Go To The Daily Tutorials..♥

© ChLo3 B4byx BloG. Template by d4usx. Powered by Blogger.