Membuat "Scrolling Text"


Tutorial: How To Create Scrolling Text in OBS Studio - Text Ticker ...



Bajadigrow.com Iliyas 016 3193768

 Ada banyak Masa yang terluang , jom kita pelajari sesuatu, kali ini saya akan menerangkan bagaimana cara untuk menyediakan kod HTML bagi scrollong text dan boleh dimasukkan kedalam sidebar, pos blog dan website 

 Pergerakan Scrolling Text ini boleh dijadikan sebagai daya tarikan kepada pengunjung blog anda asal tidak dibuat berlebihan , sekiranya blog anda menyediakan banyak teks tulisan yang panjang lebar.Dibuat ala kadar sebagai satu bentuk hiasan , jangan sampai menganggu daya tumpuan pengunjung blog anda untuk membaca,

 Kod HTML yang dipaparkan dibawah, boleh anda copy dan paste kedalam website atau blog anda. Semoga bermanafaat kepada anda semua. Sekian untuk kali ini. Entry yang pertama untuk anda

<marquee behavior="scroll" direction="left" scrollamount="10">Sederhana - Kod untuk scrolling text</marquee>
Kod Kawal Kelajuan , angka no boleh ditukar mengikut kesesuaian

 <marquee behavior="scroll" direction="up">Kod untuk scrolling text</marquee>
Kod untuk scrolling text

 <marquee behavior="scroll" direction="left">Kod untuk scrolling text</marquee>
Kod untuk scrolling text

<marquee behavior="alternate">Kod untuk scrolling text</marquee>
Kod untuk scrolling text

Comments

Post a Comment

Popular posts from this blog

Membuat Tulisan Blink

Image
Membuat Tulisan Blinking Blinking Text using css BajaDigrow.com Blinking Image using css <div dir="ltr" style="text-align: left;" trbidi="on"> <html> <head> <title>Membuat Tulisan Blinking </title> <style> .blink_text {   animation: blinker 1s linear infinite; } .blink_img {   animation: blinker 2s linear infinite; } @keyframes blinker {   50% { opacity: 0; } } @keyframes blin {   50% { opacity: 0; } } </style> </head> <body> <div class="wrapper"> <h1> Blinking Text using css</h1> <span class="blink_text">BajaDigrow.com</span><br /> <h1> Blinking Image using css</h1> <span class="blink_img"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFlha4VDgSTOBZM9JFfC-lw5KTom8r4oySPN9SGQ5K69QC6-pDnUrchF92mwuQ1uXsJM781IQSFAsgTc2JnnEeTxksAqPOvjp4OQR6zyY6
Read more

Kaunter Jumlah Pelawat

Image
Untuk mendapatkan kaunter kod yang lain , anda bolehlah klik pada gambar diatas. Selamat mencuba <!-- hitwebcounter Code START --> <a href="https://www.hitwebcounter.com" target="_blank"> <img src="https://hitwebcounter.com/counter/counter.php?page=7278348&style=0001&nbdigits=5&type=page&initCount=0" title="User Stats" Alt="PHP Hits Count"   border="0" > </a>                                            
Read more

Rekabentul HTML

Image
Setiap laman web yang dibina mempunyai struktur tertentu. Rekaan dan struktur asas bagi sesuatu laman web, reka bentuknya adalah seperti berikut. Penggunaan  <HTML>  dan  </HTML>  akan memberitahu pelayar atau " web browser " dimana ia patut bermula dan berakhir. Pengunaan tag ini hanya terhad kepada satu pasang sahaja. Walaupun ianya boleh digunakan berulang kali, masalah atau ralat mungkin dipaparkan kerana pihak pelayar tidak dapat menentukan dengan tepat di mana dokumen HTML bermula dan berakhir.Head adalah ruangan untuk meletakkan tajuk, koding tambahan seperti JavaScript, ruangan ini tidak akan dipaparkan. Jadi ianya amat sesuai untuk dimasukkan informasi mengenai struktur dan rekaan untuk paparan kandungan. Body adalah ruangan untuk paparan sesuatu laman web di mana ke semua elemen-elemen atau koding yang dimasukkan akan dibaca oleh pelayan ( browser ) dan diterjemahkan dalam bentuk visual. Aturcara yang paling
Read more