Langsung ke konten utama

cara membuat tulisan berjalan di blog


Cara Membuat Tulisan Berjalan dan Bergerak Pada Blog, Cara Membuat Kalimat Bergerak dan Berkedip Pada Artikel, Cara Membuat Alamat Link Berjalan dan Bergerak Di Blog


Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan menggunakan efek marquee- Mungkin banyak diantara sahabat blogger yang telah dulu mengenal dan memahami apa itu marquee ?, berhubung saya masih pemula di dunia blogging dan juga baru mengenal kata MARQUEE gak ada salahnya saya share beberapa model efek marquee di artikel kali ini, ya... hitung-hitung memperbanyak koleksi perkenalan kode marquee ke sahabat lain gitu..!! hehe..

Ok..! dech tanpa basa-basi lagi langsung aja kita meluncur ke topik Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan - yang kita kenal sebagai marquee itu menggunakan perkodean CSS HTML, cara membuatnya pun terbilang mudah, cukup menuliskan kode <marquee> di awal teks, dan akhiri dengan kode penutup </marquee> di akhir teks seperti ini:


<< MACAM >><< MACAM >>
EFEK TEKS DENGAN MARQUEE


Berikut beberapa model MARQUEE yang dapat Anda gunakan untuk Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan:

1. Marquee Tanpa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee>TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN


2. Marquee Dengan Atribut
Scrollamount = Kecepatan kalimat, semakin besar angka maka kalimat berjalan cepat
Direction = Pengaturan gaya arah kalimat berjalan
Bgcolor = Pengaturan warna kalimat atau Teks berjalan
Behavior = Pengaturan gaya kalimat bejalan
Scrolldelay = Pengaturan gaya kalimat yang ditentukan dengan detik/mil

Silahkan tinggal di copy aja kode html dibawah ini

<marquee scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="left" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<marquee behavior="alternate" scrollamount="15">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="right" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="right" scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<marquee bgcolor="red">TEKS INI AKAN BERJALAN</marquee>

Hasilnya :
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN


3. Marquee Dengan Penggabungan Beberapa Atribut
Silahkan tinggal di copy aja kode html dibawah ini

<marquee loop="5">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="right" style="background-color: green;" width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee direction="left" style="background-color: blue;" width="125">KALIMAT INI AKAN BERJALAN</marquee>
<marquee style="font-style: italic;">KALIMAT MIRING AKAN BERJALAN</marquee>

Hasilnya :
KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN
KALIMAT MIRING AKAN BERJALAN


4. Marquee Dengan Penggabungan Atribut Sesuai Perintah Mouse
Atribut berikut dapat Anda tambahkan untuk memanggil perintah pointer mouse. Singkatnya, efek teks akan berhenti saat panah mouse Anda melintasi/berada pada teks, dan sebaliknya teks akan kembali berjalan saat pointer mouse di lepas.

Silahkan tinggal di copy aja kode html dibawah ini

<marquee onmouseout="this.start()" onmouseover="this.stop()">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="up" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="down" height="30" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI AKAN BERJALAN</marquee>

Hasilnya :

KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN


5. Marquee Dengan Perpaduan Atribut Style
Silahkan tinggal di copy aja kode html dibawah ini

<marquee direction="right" scrollamount="225" width="200">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Kembali ke Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</marquee>

Sekian yang dapat saya sampaikan semoga bermanfaat :)

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Memasang Anti Copy Paste Di Blog Atau Website

Cara Memasang Anti Copy Paste Di Blog Atau Website - Cara Terbaik Memasang Anti Copy Paste di Blog Blog dengan isi konten yang menarik dan original tentu dapat meningkatkan trafik pengunjung, tidak heran banyak blogger yang bekerja keras membuat artikel semenarik mungkin, namun banyak juga blogger nakal yang memanfaatkan menu copy paste untuk mengambil isi konten suatu blog tanpa ijin pemiliknya, untuk itu dibutuhkan cara untuk melindungi konten blog dari copy paste, yaitu dengan memasang anti copy paste di blog. Memasang anti copy paste di blog memang melindungi konten dari pencurian, tetapi kelemahannya bagi blog tutorial yang memuat kode-kode yang harus dicopy tentu justru akan mempersulit pengunjung blog dan blog akan semakin berat.  Mas Bro pernah memposting mengenai C ara Mencopy Artikel yang baik. Walau pada dasarnya copy paste  adalah melanggar hukum. Silahkan baca bila ingin membacanya yah Cara Meng-COPY Tulisan Orang yang Benar dan Baik. Oh iya, Mas Bro aka
Posting Komentar
Baca selengkapnya

Cara Membuat Blog Menggunakan Hp Android

Cara Membuat Blog Menggunakan Hp Android  > sebenarnya sangat mudah, saya sengaja mengambil contoh dari platform gratisan mywapblog.com karena prosesnya tidak ribet, dan saya rasa membuat blog di mywapblog lebih mudah dibandingkan platform blog mobile lainnya. Selain itu mywapblog sangat seo friendly. Untuk membuat blog di mywapblog syarat utamanya kita hanya harus memiliki email. Cara Membuat Blog dari Hp di Mywapblog.com 1. Pertama anda kunjungi webiste  http://www.mywapblog.com 2. Klik tombol  Daftar. 3. Isi Formulirnya Nama Pengguna = bebas (jangan pake spasi) Domaim = pilih salah satu (bebas) Yang lain isi sesuai yang diminta 4. Lalu anda  Klik “Daftar” 5. Buka Email anda selanjutnya anda klik link konfirmasi pendaftaran 6. Selamat ya saat ini  Blog anda telah jadi dan siap untuk di isi dengan artikel anda. Nah kita sudah membahasa membuat blog  via hp di mywapblog maka seperti janji saya, saya akan share bagaimana cara membahas Cara buat blog lewat HP
Posting Komentar
Baca selengkapnya

Cara Mudah Dan Cepat Memasang Jam di Blog

Cara Mudah Dan Cepat  Memasang Jam di Blog > Cara Memasang Jam Di Blog Keren , Sobat blogger, cara memasang atau menambahkan widget jam di blog sangatlah mudah untuk di terapkan, biasanya bagi SEO rang blogger untuk mempercantik tampilan blog adalah dengan menambahkan widget yang unik dan enak di pandang mata, yaitu salah satunya menambahkan atau memasang widget jam di blog yang di kelola dengan tujuan untuk mempercantik blog. Menambahkan jam di blog salah satu widget untuk menghias blog anda menjadi lebih keren tentunya selain itu widget ini juga bisa menjadi pengingat untuk melihat jam berapa waktu di tujukan sekarang, selain itu kita juga punya pilihan untuk tampilan jamnya sendiri yang sesuai selera kita. Bagi anda yang ingimenambahkannya silahkan ikuti tutorialny Cara Memasang Atau Menambahkan Jam Di Blog Keren 1. Silahkan klik atau buka link http://flash-clocks.com/analog-flash-clock-page1.html 2. Di tab baru pilih salah satu tampilan jam yang anda
Posting Komentar
Baca selengkapnya