Cara Membuat Tulisan Berjalan Di Blog

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


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.

COMMENTS

Nama

ADSENSE,4,AFTER EFFECT,2,BAHASA ASING,2,Bahasa Inggris,1,BLOG,24,BNI,3,Brand Local,1,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,2,Flash Fiction,1,Gigi,5,GMAIL,1,Halal,1,Hongkong,14,Ilmu Komputer,3,INDONESIA,1,INFO,6,INFO BMI,20,INFO DOKTER,7,JASA PAKET,3,JP BAI,3,JPBAI,4,Kandungan,3,Kecantikan,1,KESEHATAN,1,KOSMETIK,1,KULINER,2,Kulit,3,Kursus Gratis,1,LAKON,5,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,3,QQP JASA PAKET,5,QQP JASA PAKET LUAR NEGERI,5,Rambut,1,rubik,1,Seputar BMI,24,Seputar Hongkong,22,Tips & Trik,1,Tips & Trik Blog,7,TRAVELING,4,Tubuh,2,Virus,1,Wardah,1,Widget,2,youtube,1,
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/2020/07/cara-membuat-tulisan-berjalan-di-blog.html
https://www.zhiangzieyie.com/
https://www.zhiangzieyie.com/
https://www.zhiangzieyie.com/2020/07/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