Text marquee in The Image

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting

5. Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin> , atau jika bingung simpan saja persis di atas kode ]]></b:skin>

#gambar { background:url('http://pic50.picturetrail.com/VOL399/8403005/15651300/237997613.jpg'); /* alamat gambar yg mau ditampilkan */ height:300px; /* untuk mengatur tinggi gambar */ width:500px; /* untuk mengatur lebar gambar */ } #tulisan { font-size:300%; /* ini adalah kode untuk merubah besarnya hurup */ font-weight:normal; /* ini agar hurup yg tampil normal, jika ingin tebal ganti dengan bold */ color:#ffffff; /* ini kode warna untuk hurup */ }

6. Klik tombol SIMPAN TEMPLATE

7. Klik menu Elemen Halaman

8. Klik tulisan Tambah sebuah Elemen Halaman

9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript

10. Copy paste kode berikut pada elemen yang muncul

<table border="10" cellpadding="3" height="135" width="500"/> <tr> <td> <div id="gambar"> <div id="tulisan"> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="left" width:500px height:25px;> Ini adalah photo putriku tersayang sedang menghirup udara pagi yang segar sambil bermain-main di lapangan tegal lega bandung. </marquee> </div> </div> </td> </tr> </table>

11. Klik tombol SIMPAN PERUBAHAN

12. Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)

13. Klik tombol SIMPAN

14. Selesai.

Related Posts by Categories

Widget by Scrapur