Tips Sapaan Pengunjung (bag. Kedua)

Minggu, 11 Maret 2012

Tips kali ini merupakan lanjutan yang sekaligus modifikasi (pengembangan) dari Tips Sapaan Pengunjung sebelumnya. Jika Anda mungkin kurang tertarik dengan tips tersebut, Anda dapat mencoba Tips Sapaan Pengunjung Bagian Kedua ini. Pada tips kali ini, kita akan membuat teks sapaannya menjadi berjalan dengan menggunakan Aplikasi Marquee.

Sekali lagi, sebelum melangkah lebih lanjut, silakan baca postingan sebelumnya di sini. Pada tips kali ini juga terdiri dari dua script yang sama dengan postingan sebelumnya, hanya pada script yang kedua diberikan sedikit modifikasi, yaitu ditambahkan dengan efek teks berjalan (marquee).
Dengan demikian hasil sapaan pengunjung lebih atraktif dengan efek teks berjalan tersebut. 
Masuk Dasbor >> Tata Letak (layout) >> Tambah Gadget >> Tambahkan HTML/Javascript kemudian ketikkan script pertama seperti di bawah ini kemudian lanjutkan dengan Simpan Perubahan.
Script Pertama
<script type="text/javascript">
var yourName = prompt("Boleh Tahu Namanya?", "Nama Anda");
</script>
Anda dapat mengganti teks yang berwarna merah dengan kalimat sendiri sesuka Anda.
Kemudian tambahkan lagi HTML/Javascript lagi dan kemudian ketikkan script kedua seperti di bawah ini kemudian dilanjutkan dengan Simpan Perubahan.
Script Kedua
<marquee direction=”left” scrollamount=”2”>
Selamat Datang <font size=”3”> <b> <script type="text/javascript">document.write(yourName)</script> </b>! </font>. Suatu kehormatan bagi Tips & Trik blog atas kunjungan <font size=”3”> <b> <script type="text/javascript">document.write(yourName)</script> </b> </font&gt ini. Tips & Trik Blog sangat berharap kunjungan <font size=”3”> <b> <script type="text/javascript">document.write(yourName)</script> <b> </font> berikutnya.
</marquee>
  • Anda dapat meletakkan script berwarna merah di mana Anda mau pada kalimat yang dapat atur sendiri sesuka Anda.
  • Anda dapat berkreasi dengan marquee, ya di sini.
  • Kode <b> dan </b> untuk memberi efek bold (tebal)
  • Kode <font size=”3”> dan </font> untuk efek ukuran huruf (font)
  • Silakan Anda berkreasi sendiri, misalkan warna dan jenis font-nya.
Selamat Mencoba

Tidak ada komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews