Cara Membuat Tulisan Berjalan Di Blog

Cara Membuat Tulisan Berjalan Di Blog Halo blogger mania, tutorial kali ini akan membahas, gimana sih caranya membuat tulisan berjalan di bl...


Cara Membuat Tulisan Berjalan Di Blog

Halo blogger mania, tutorial kali ini akan membahas, gimana sih caranya membuat tulisan berjalan di blog atau website? Tulisan berjalan ini, bisa juga membuat daya tarik tersendiri di blog kalian. 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 kasih tau kalian tentang script berjalan ini menggunakan marquee dengan berbagai fariasi 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 seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)</marquee>

Hasilnya 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 kalian menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)</marquee>

Hasilnya 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)

             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>

Hasilnya sebagai Berikut: 

Jika kalian 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="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan Dari Bawah Ke Atas. Jika kalian menggunakan kode di atas, maka hasil jadinya akan seperti tampilan ini. www.zhiangzieyie.com (Jemari Go Blog)  </marquee>

Hasilnya sebagai Berikut: 

Contoh Tulisan Berjalan Dari Bawah Ke Atas. Jika kalian 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" behavior="alternate"> www.zhiangzieyie.com (Jemari Go Blog) </marquee>

Hasilnya sebagai Berikut:


www.zhiangzieyie.com (Jemari Go Blog)

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

Hasilnya 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>

Hasilnya sebagai Berikut:


          8. Tulisan Berjalan Dari Bawah Ke Atas Dengan Link 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 kalian bisa menggantinya sesuai tulisan yang kalian inginkan,
- Untuk tulisan yang ditandai dengan <a href="https://plus.google.com/+ZHIANGZIEYIE"> Kalian bisa menggantinya dengan link tujuan yang kalian inginkan.

Segini dulu buat hari ini, nanti jika ada tambahan bakal aku update lagi. Jika dirasa tulisan ini bermanfaat jangan lupa tinggalkan jejak, add G+Plus dan Like FansPage Blog&Desain Tutorial. Terima kasih sudah berkunjung.

COMMENTS

Nama

ADSENSE,4,AFTER EFFECT,2,BAHASA ASING,3,Bahasa Inggris,1,BLOG,24,BNI,3,Brand Local,2,ceritaku,3,CERPEN,6,CorelDraw,1,Curhat,12,DOKTER,2,Dokter Gigi,1,Dokter Hongkong,2,DOKTER KANDUNGAN,2,Dokter Mata,1,Dokter Umum,1,EKSPEDISI,3,EMAIL,1,ENDORSE,1,FILM PENDEK,3,Flash Fiction,1,Gigi,5,GMAIL,1,Halal,1,Hongkong,15,Ilmu Komputer,3,INDONESIA,1,INFO,8,INFO BMI,22,INFO DOKTER,7,JASA PAKET,3,JP BAI,3,JPBAI,4,Kandungan,3,Kecantikan,1,KESEHATAN,1,KOSMETIK,1,KULINER,2,Kulit,4,Kursus Gratis,1,LAKON,6,Lipstik,1,liputan,1,LUAR NEGERI,4,Masakan,1,Masker,1,Microsoft Excel,1,Microsoft Word,2,MODUS,1,MURAH,1,Opini,1,PAKET,3,PENIPUAN,1,Photoshop,2,Produk Local,1,QQP,10,QQP JASA PAKET,13,QQP JASA PAKET LUAR NEGERI,13,Rambut,1,rubik,1,Seputar BMI,25,Seputar Hongkong,22,Sound Effect Music,1,Tips & Trik,1,Tips & Trik Blog,7,TRAVELING,4,Tubuh,2,UNBOXING,1,UNDANGAN PERNIKAHAN DIGITAL,1,Virus,1,Wajah,1,Wardah,1,Widget,2,youtube,2,
ltr
item
Zhiang Zie Yie: Cara Membuat Tulisan Berjalan Di Blog
Cara Membuat Tulisan Berjalan Di Blog
https://1.bp.blogspot.com/-Y3HfSt45rLE/WkzOKcwUwLI/AAAAAAAAVhU/rM6Iwpik6d4NjsNn8NDc73c18O5Yqf1ngCLcBGAs/s640/668130294.jpg
https://1.bp.blogspot.com/-Y3HfSt45rLE/WkzOKcwUwLI/AAAAAAAAVhU/rM6Iwpik6d4NjsNn8NDc73c18O5Yqf1ngCLcBGAs/s72-c/668130294.jpg
Zhiang Zie Yie
https://www.zhiangzieyie.com/2018/01/cara-membuat-tulisan-berjalan-di-blog.html
https://www.zhiangzieyie.com/
https://www.zhiangzieyie.com/
https://www.zhiangzieyie.com/2018/01/cara-membuat-tulisan-berjalan-di-blog.html
true
3263550911380837102
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy