Selasa, 19 Juni 2012

Cara Membuat Widget Teks Berjalan Kebawah

Posted by Muhammad Yogi Saputra 03.21, under | No comments

Widget yang dapat berjalan sendiri bisa menarik perhatian para pengunjung blogger untuk melihat tulisan apa yang bergerak tersebut. karena tidak dapat dipungkiri kalau mata manusia sangatlah cepat merespon gerakan daripada yang diam saja.

Nah kali ini saya ingin share lagi tutorial blog saya, yakni cara membuat widget Teks berjalan keatas ataupun kebawah. simak baik-baik langkah2nya dan langsung dipraktikkan saja.

Berikut kode script untuk teks bergerak :



<a href='URL BLOG ANDA' title='TITLE'>JUDUL</a>

<div class='widget-content'>
<p class="MsoNormal"><span style="font-size:10;color: Green;"><marquee scrolldelay="25" direction="up" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2">
<b>Deskripsi anda</b>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
<p>
<a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
</p></p></p></p></marquee><o:p></o:p></span></p>
</div>

NB:
  • Ubahlah kode yang berwarna merah sesuai selera kamu
  • Anda bisa mengganti UP bila bergerak keatas dan DOWN untuk bergerak kebawah
  • Jika link tulisan yang anda pasang melebihi kode diatas, anda tinggal copy kode
    <p>
    <a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
    dan ditambahkan dibawahnya. terus sebanyak link tulisan yang akan anda pasang.
  • Perlu di ingat, kode paling bawah harus seperti berikut :
    <p>
    <a href=' URL Tulisan ' title=' TITLE '>JUDUL</a>
    </p></p></p></p></marquee><o:p></o:p></span></p>
    </div>
Setelah kode diatas anda ubah sesuai selera anda sekarang tinggal cara pasangnya.
  1. Silahkan login dulu ke dasbor blog anda.
  2. Kemudian silahkan pilih Tata Letak
  3. Setelah muncul halaman Tata Letak, silahkan klik Tambah Gadget
  4. Pilih HTML / Javascript
  5. Kemudian Copy Paste Script diatas yang sudah anda rubah.
  6. save/simpan pengaturan anda.
Cukup mudah bukan tutorial bloggernya.......^_^
Silahkan anda berkreasi sendiri untuk hasil yang anda inginkan.
Terimakasih kunjungannya.............................................

0 komentar:

Posting Komentar

Blog Archive

Daftar Isi

Buku Tamu

Buku Tamu