~$up3rg!rL~ says (headspin) - #3al32w

~$up3rg!rL~ says (headspin) - #3al32w

Posted using ShareThis

Membuat Gambar dan Teks Berjalan

Contoh untuk membuat gambar dan teks berjalan di dalam kotak kode HTML kamu bisa Copy
Lihat kodenya sebagai berikut :

<!-- HTML Codes ozuratakanawa.com-->
<style type="text/css">
.html-marquee {height:220px;width:400px;background-color:ffff33;background-image:url(orange);font-family:Cursive;font-size:22pt;color:33cc33;border-width:4;border-style:dotted;border-color:ff0000;}
</style>
<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="12" ><img src="http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg"> Tulis teks kamu disini contoh Belajar membuat Gambar dan Teks Berjalan,</marquee><p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/javascript/codes/javascript_scroll.cfm">JavaScript Scrolling</a></p>

Lihat hasilnya sebagai berikut :



Tulis teks kamu disini contoh Belajar membuat Gambar dan Teks Berjalan,

JavaScript Scrolling

Selamat mencoba..!!

HTML/Cara Membuat scroll BoX/Membuat Teks scroll

Untuk membuat Image scroll Books mungkin di perlukan ,selain berguna untuk menghiasi blog tapi dapat memanfaatkan ruang dengan menggunakan Scroll box,
Scroll boks bisa kita gunakan untuk menyimpan postingan yang terlalu lebar , bisa menyimpan gambar atau link / alamat blog kita.Contoh kode HTML scroll boks untuk menyimpan Image atau Gambar,pertama kamu buat dulu kode image kamu di Pothobucket,atau picassa web album,caranya simpan photo kamu kalau belum punya silahkan daftar di alamat tsb,terus simpan photo kamu dengan cara upload dari komputer,setelah photo kamu di simpan di alamat di atas lalu ambil photo tersebut ,caranya arahkan mouse ke photo yang akan di ambil kodenya,klik kiri dulu sampai photo membesar ,lalu setelah itu klik kanan, pada tulisan Copy Image Location  paste ke notepad di komputermu setelah itu tambahkan kode di bawah ini ,
contoh :
<!-- Codes by ozuratakanawa.com-->
<div style="height:221px;width:330px;overflow:scroll;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4xs1QvkRxXfNjblctvMbZlLOH5L7DvJJgRnZSu29dSNuQc7CGKQtKsPR8N8P7cN9XJIY9nri6os6LyZ-2QkSR8OJmid639JHlUuuN3afEuKBjJ1sn_dWz_BSCmetDl-8Wb7w8JGrXZ2R/s640/oklahoma.jpg" border="0" width="330" height="221" alt="Sample picture for scroll box: Milford Sound, New Zealand" /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4xs1QvkRxXfNjblctvMbZlLOH5L7DvJJgRnZSu29dSNuQc7CGKQtKsPR8N8P7cN9XJIY9nri6os6LyZ-2QkSR8OJmid639JHlUuuN3afEuKBjJ1sn_dWz_BSCmetDl-8Wb7w8JGrXZ2R/s640/oklahoma.jpg" border="0" width="330" height="221" alt="Sample picture for scroll box: Franz Josef Glacier, New Zealand" />
</div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/">HTML Scroll Boks Images</a></p>

 Hasilnya sebagai berikut, 

HTML Scroll Boks Images

Untuk Yang warna merah silahkan ganti dengan kode Photo kamu ,
Selamat Mencoba semoga sukses...!!
Untuk membuat Teks dan Gambar Berjalan