Membuat teks dan gambar berjalan menyamping pada blog

Bagi sahabat-sahabat bloger yang menginginkan blognya kelihatan indah dan menawan sedap di pandang mata, perlu kiranya dalam blognya di tambahi berbagai animasi, ya hal ini mungkin bisa menambah daya tarik bagi para pengunjung blog anda dan juga blog anda kelihatan lebih dinamis dan interaktf, animasi yang saya maksud di sini adalah animasi tulisan dan gambar bergerak menyamping. Tulisan dan animasi bergerak ini kalau sobat mau berkreasi lagi, bisa menjadi jauh lebih dinamis dan lebih interaktif, ini lah animasi teks dan gambar bergerak menyamping yang saya maksud.....

SELAMAT DATANG,,,,DI BLOG http://hamimcomp.blogspot.com/,,,, BERBAGI SELAGI BISA,,,,SELAMAT DATANG,,,,DI BLOG http://hamimcomp.blogspot.com/,,,, BERBAGI SELAGI BISA,,,,SELAMAT DATANG,,,,DI BLOG http://hamimcomp.blogspot.com/,,,, BERBAGI SELAGI BISA,,,,





Selanjutnya kalau sahabat - sahabat tertarik membuatnya ikutilah langkah - langka sebagai berikut :
untuk teks berjalan menyamping copy code html di bawah ini :

<span style="color: green; font-family: times; font-size: medium;"><marquee behavior="scroll" bgcolor="yellow" direction="left" height="20px" scrollamount="3" scrolldelay="10" width="460px"> SELAMAT DATANG,,,,DI BLOG <b><span class="Apple-style-span" style="color: red;">http://hamimcomp.blogspot.com/</span></b>,,,, BERBAGI SELAGI BISA,,,,SELAMAT DATANG,,,,DI BLOG <b><span class="Apple-style-span" style="color: red;">http://hamimcomp.blogspot.com/</span></b>,,,, BERBAGI SELAGI BISA,,,,SELAMAT DATANG,,,,DI BLOG <b><span class="Apple-style-span" style="color: red;">http://hamimcomp.blogspot.com/</span></b>,,,, BERBAGI SELAGI BISA,,,,</marquee></span>
<br />

===Penjelasan====
untuk huruf yang saya beri warnah merah tolong dirubah sesuai  dengan kata - kata anda

untuk gambar berjalan menyamping copy code html di bawah ini:

<marquee direction="left" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="300"><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkyhHPQwgsv9bzFy8zu8-AiEy6J0jxBwx0hJj3PtKY9VZpNWfm34qwgiMhSuYIZwYbbEvmRDIn5AVWMQ7GdLoFlwFJCBgmRx5gs0pjkuRIvLg4JeWB6Z0l_zZzh3epLaWHJnoSsGeRrWNI/s1600/selamat+datang+di+hamimcomp.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkyhHPQwgsv9bzFy8zu8-AiEy6J0jxBwx0hJj3PtKY9VZpNWfm34qwgiMhSuYIZwYbbEvmRDIn5AVWMQ7GdLoFlwFJCBgmRx5gs0pjkuRIvLg4JeWB6Z0l_zZzh3epLaWHJnoSsGeRrWNI/s1600/selamat+datang+di+hamimcomp.JPG" height="84" width="640" /></a></div>
</marquee>
===Penjelasan====
untuk huruf yang saya beri warnah merah tolong dirubah sesuai  dengan gambar anda. maksudnya gambar tersebut udah di convert menjadi kode HTML

SELAMAT MENCOBA

0 komentar:

Posting Komentar

SILAKAN BERI KOMENTAR ANDA