Mengenal Widget Animasi-2

  

Cara Membuat Tulisan Berjalan Di Blog

Halo blogger mania, tutorial kali ini akan membahas, gimana sih membuat tulisan berjalan di blog atau website? Tulisan Berjalan ini, bisa juga buat daya tarik khusus di blog kamu. Dulu, sebelum mengganti berbagai tamplate, aku juga pernah memasukan tulisan berjalan di blog. Tapi, sekarang belum bisa kukasih gegara masih suka gonta-ganti tamplate. 



Ok, kali ini aku akan berterima kasih tau kalian tentang skrip berjalan ini menggunakan marquee dengan berbagai variasi yang bisa dicoba di blog kalian masing-masing.


Baca Juga: 1. Cara Membuat Kotak Script Dalam Postingan Blog
                    2. Kode Warna HTML

Cara Membuat Tulisan Berjalan Di Blog

            1. Contoh Tulisan Berjalan Dari Kanan Ke Kiri

<marquee direction = "left" scrollamount = "2" align = "center"> Contoh Tulisan Berjalan Dari Kiri Ke Kanan.Jika kalian menggunakan kode di atas, maka hasil jadinya akan menggunakan tampilan ini. www.zhiangzieyie.com (Jemari Go Blog) </marquee> Ikuti sebagai Berikut: 



Contoh Tulisan Berjalan Dari Kiri Ke Kanan. Jika kalian menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)

             2. Tulisan Berjalan Dari Kiri Ke Kanan

<marquee direction = "right" scrollamount = "2" align = "center"> Contoh Tulisan Berjalan Dari Kiri Ke Kanan. Jika kamu menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog) </marquee>

Ikuti sebagai Berikut: 

Contoh Tulisan Berjalan Dari Kiri Ke Kanan. Jika kamu menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)

             3. Tulisan Berjalan Dari Atas Ke Bawah

 <marquee direction = "down" scrollamount = "2" align = "center">
Jika kalian menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog) </marquee>

Ikuti sebagai Berikut: 

Jika kamu menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)

            4. Tulisan Berjalan Dari Bawah Ke Atas

<marquee direction = "naik" scrollamount = "2" align = "center"> Contoh Tulisan Berjalan Dari Bawah Ke Atas. Jika kamu menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)   </marquee>

Contohnya:  Contoh Tulisan Berjalan Dari Bawah Ke Atas.Jika kamu menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini.www.zhiangzieyie.com (Jemari Go Blog)

 

            5. Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan

<marquee direction = "left" scrollamount = "2" align = "center" behaviour = "alternate"> www.zhiangzieyie.com (Blog Jemari Go) </marquee>

Cari sebagai Berikut:


www.zhiangzieyie.com (Jemari Go Blog)

           6. Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri   
<marquee direction = "right" scrollamount = "2" align = "center" behaviour = "alternate"> www.zhiangzieyie.com (Blog Jemari Go) </marquee>

Sebagai berikut:

www.zhiangzieyie.com (Jemari Go Blog)

          7. Tulisan Berjalan Dengan Link
<marquee align = "center" direction = "left" scrollamount = "6"> <a href= "http://www.zhiangzieyie.com/"> www.zhiangzieyie.com (Jemari Go Blog) </a> < / marquee>

Hasil sebagai Berikut:


          8. Tulisan Berjalan Dari Bawah Ke Atas Dengan Tautan Tapi Jika Disentuh Tulisan Akan Berhenti


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="#">Cara Membuat Tulisan Berjalan Di Blog</a><br/>
<a href="http://www.zhiangzieyie.com/">Jemari Go Blog</a><br/>
<a href="https://plus.google.com/+ZHIANGZIEYIE">Blognya Babu Hongkong</a><br/>
</marquee>

Hasilnya sebagai Berikut:


          9. Tulisan Berjalan Dalam Kotak Script.
<div style="background: Blue; border: 2px solid Black; color: white;">
<marquee align="center" direction="left" scrollamount="6">www.zhiangzieyie.com (Jemari Go Blog)</marquee>

</div>

Jika Kalian Menggunakan Script Di Atas, Maka Hasilnya Akan Seperti Kotak Ini

www.zhiangzieyie.com (Jemari Go Blog)


Lalu bagaimana cara untuk menempatkan tulisan berjalan di Widget Blog?

1. Seperti biasa masuk akun Blog Kalian
2. Pilih Loyaut / Tata Letak ==> Tambahkan elemen/ Widget ==> Pilih HTML Jave Script.
3. Masukan Kode Marquee yang ingin kalian tambahkan di widget.
4. Terakhir, klik Save dan lihat hasilnya.

Catatan :

- Direction : Gunanya untuk mengatur pola gerakan teks (left, right, up dan down)
- Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
- Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee antara kode berikut
- Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
- Untuk tulisan yang berwarna merah dapat menggantinya sesuai tulisan yang kamu inginkan,
- Untuk tulisan yang ditandai dengan <a href= "https://plus.google.com/+ZHIANGZIEYIE"> Kalian dapat menggantinya dengan tautan tujuan yang kalian inginkan.

Segini dulu buat hari ini, nanti jika ada tambahan akan saya perbarui lagi. Jika dirasa tulisan bermanfaat, jangan lupa kutip jejak, tambahkan G + Plus dan Suka FansPage Blog & Desain Tutorial. Terima kasih sudah berkunjung.
Lebih baru Lebih lama
wa