Membuat Judul Postingan Berjalan/Marquee

Sobat blogger kali ini blog onco berbagi cerita, akan membagikan tips kepada sobat blogger cara membuat judul postingan berjalan/marquee. Mungkin tips ini udah banyak terdapat di blog yang lain, tapi tak ada salahnyakan saya posting lagi sapa tau ada yang belum tahu hehehehe ....

Oke langsung aja, Berikut cara membuat judul postingan berjalan tersebut :

1. Log in ke blog masing-masing -> Design -> Edit HTML
2. Sebaiknya download templatenya dulu, buat antisipasi jika ada kesalahan
3. Jangan lupa centang tulisan "expand template widget" di pojok kanan atas
4. Cari kode <h3 class='post-title entry-title'> ( gunakan ctrl+f untuk memudahkan pencarian anda
5. Setelah ketemu kode diatas, tambahkan kode menjadi seperti dibawah ini
   
   <marquee direction="right" scrollamount="10"><h3 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
           <b:if cond='data:post.url'>
             <b:if cond='data:blog.url != data:post.url'>
               <a expr:href='data:post.url'><data:post.title/></a>
             <b:else/>
               <data:post.title/>
             </b:if>
           <b:else/>
             <data:post.title/>
           </b:if>
         </b:if>
         </h3></marquee>
   
   Tambahkan kode berwarna merah pada permulaan <h3 class='post-title entry-title'> dan di akhir </h3>
   

Terakhir pratinjau dulu jika sukses KLIK SAVE

Jika sobat blogger pingin membuat text berjalan dengan model yang lain, berikut ada beberapa contoh text berjalan/marquee, tinggal anda sesuaikan aja dengan selerah makan anda hehehehheeh pisss ....

Arahkan pointer mouse pada teks dan ia akan berhenti
<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()">arahkankan mouse pada teks,berhenti</marquee>

arahkankan mouse pada teks,berhenti


Dari kiri ke kanan dengan tempoh masa "10"
<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee>
dari kiri ke kanan dengan tempoh masa 10


Arah kiri dan kekanan kemudian berputar balik
<marquee behavior="alternate" >Arah kiri dan kekanan kemudian berputar balik</marquee>
Arah kiri dan kekanan kemudian berputar balik

Dari arah kiri ke kanan
<marquee direction="right" >dari kiri ke kanan</marquee>
dari kiri ke kanan


Text bergerak 
<marquee>Teks bergerak</marquee>
Teks bergerak


Jika ingin buat turun atau naik gantikan direction="down" atau "up"
<marquee bgcolor="black" direction="down" height="50" width="70%">dari atas ke bawah</marquee>


dari atas ke bawah


Teks dengan latar belakang warna
<marquee width="70%" bgcolor="green">dari kanan ke kiri</marquee>


dari kanan ke kiri


NB :
bgcolor = warna latar belakang
direction = arah gerakan (left,right,up.down)
behavior = karekter pergerakan (scroll,slide,alternate)
scroll = (teks berputar)
slide = (teks bergerak sekali dan berhenti)
alternate = (teks bergerak dari kiri ke kanan dan berpatah balik)
Title = perkataan muncul semasa mouse berada di atas teks
Scrollamount = meletak kecepatan gerakan
Scrolldelay = mengatur tempoh masa
Loop = mengatur jumlah

Selamat mencoba, semoga berhasil salam blogger .....!!!!!

Sumber : teknikbuatblog.blogspot.com

Editor : onco