scrolling text

A To create Horizontal scrolling Text.

STEPS :

1. Go to Dashboard>Layout.
2. Click Add a Gadget below Header.
3. Go to HTML/Javascript, leave title blank and paste below code.
4. SAVE > SAVE ARRANGEMENT- You are DONE...
----------------------------------------------------------------------------------------------------------------

<span style="#FF0000"><marquee behavior="scroll" direction="left" bgcolor="#FFCCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"> # # #  TODAY I LEARN HOW TO CREATE A BLOG.... # # #   </marquee>
--------------------------------------------------------------------------------------------------------------------
* change the text in RED to your text
* Brown - Change left or right.
* Blue - Change background color.
* Purple - change speed of scroll.

B. To create Side Gadget scrolling text with Pictures.

STEPS :
1. Go to Dashboard>Layout.
2. Click Side gadget - Add a gadget.
3. Scroll to HTML/Javascript.
4. Fill in Title - Testimoni and paste the following code.
5. Click SAVE>SAVE ARRANGEMENT.  DONE
.---------------------------------------------------------------------------------------------------------------

<div class="textwidget"><marquee direction="up" bgcolor="#99FFFF" width="178" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()" height="280" align="left">
Parut kencing manis pulih
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomMm21Wlei0pGG0rg4MZdVb6mEV3RX5OdLA9P4NtUrm7aOlgEsOccG1JJiGKuGNZMqVKPl3rjL9y0eXscQ6qikPi89vfL-Snt52vypsBSGjpMhwPVGjkggM6JGJkH89xTf1G8ZQimwV8/s400/Photo311.jpg
" alt="Parut kencing manis pulih" height="140" width="210" />
Kedutan leher 20 tahun
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaZ0D6nrBK2gGczuzpYsZcnZHyzn-yJazFF1iEE99x30e-6lpXxBb4QZOxUGEb0jD64GHHY9IU-b2isRrw6uOx1ZuQFD6LcIRN69YgKb0fgPfj7RoNPOOEAYiMEP3nWVTcws36pq4rICQ/s400/Miss+Mok1.jpg
" alt="Kedutan lehar 20 tahun" height="150" width="210" />
Jeragat pulih
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqmoYjhyk4tlTh-dfHZwt7KCwunSSgf6vA-2FtgIdacsM35_57SZ6jfcdKyEkKAF5-cvChzYGLIGWnvElTj51w3I2GTNKUkGI8mwXZxvDfBd3hRo7piZqD5ojbAJCXWC7bSe9HAZFtC78/s400/fatimah1.jpg
" alt="Kedutan lehar 20 tahun" height="150" width="210" />
Masalah kulit 7 tahun
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3oGV8q8LmCjGuY8lwMhRmFrjEUXRYSz794xyhSninSVvZehR0nVq_A9Qf9-DWdb9f4XeN-jfX2F46wU1uOCVU-7Jgc_yBKbFMVRb5_f5Dsgkjv9iWVHipDogo7QhtpCA6EWVF0Go4dZg/s400/muru+eng+copy.jpg
" alt="Kedutan lehar 20 tahun" height="250" width="210" />
Urat hijau belakang lutut
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuQHcA-R9LHiT0G6xJs-0vs3Shvp1rybr1Kpzc-gqSoVDcb-O7W-NrbvcRDyk5i5ekjnX4dra092ktBGLL6If_kMJuPgaQ9nguPlJy4G9C8vlyxmCl9xZJ6XYzOkHOBRfPKNppkE_3V0/s400/wati+urat+copy.jpg
" alt="Kedutan lehar 20 tahun" height="180" width="210" />
Bintik-bintik dileher
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSxpc9cjrOMphyphenhyphenIYOkS4LTb1zMol8jLnuUKcW0lPqrlvxtaNVECJ-BCJuG1DPdgMAVDSW1WAGnbrRwe5pNdGu_Rz43YB9fph76FbttNUSN8BK5W6R_l1vbBJfy9MAuOU0HvtWyQvbku1s/s400/Kim+Keat.JPG
" alt="Kedutan lehar 20 tahun" height="150" width="210" />
</marquee></div>
------------------------------------------------------------------------------------------------------------------
You will find that the picture will not be in line.

There is 2 ways of adjusting.
a. Go to dashboard>Template>Customize>Adjust width>Apply blog. Easiest way.
b. Go to Layout>Add a gadget for Testimony just now and adjust ALL HEIGHT and WIDTH.
* BLUE - Change text.
* RED - Change the height and width.

B-(a) : To change pictures...

Example from above -
Bintik-bintik dileher
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSxpc9cjrOMphyphenhyphenIYOkS4LTb1zMol8jLnuUKcW0lPqrlvxtaNVECJ-BCJuG1DPdgMAVDSW1WAGnbrRwe5pNdGu_Rz43YB9fph76FbttNUSN8BK5W6R_l1vbBJfy9MAuOU0HvtWyQvbku1s/s400/Kim+Keat.JPG
" alt="Kedutan lehar 20 tahun" height="150" width="210" />

1. The image must be posted in at the post.
2. Right click at the image(that is posted).
3. Copy image URL.
4. Ctrl V - change with link in yellow.
  ** <img src=" is the image link.