Excalibur
Info

Selamat Datang

Selamat Datang Di Blog Roy Lichtenstein- Saya Senang Anda Berada Di Sini, Dan Berharap Anda Sering Datang Kembali. Silakan Berlama - Lama Di Sini Dan Membaca Lebih Lanjut Tentang Artikel Yang Saya Susun. Ada Banyak Hal Dapat Anda Pelajari, Anda Mungkin Akan Menemukan Sesuatu Yang Menarik

Sekilas Tentang Roy

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Hacker, Desainer Atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar Dan Ingin Tau Sesuatu Yang Baru...

Social Icons

xtreme5-roylichtenstein.blogspot.com

Cara Membuat Judul Posting Berjalan Dengan Marquee Effects

Tutorial BloGGeR tentang Read More Berjalan, dapat juga diterapkan di judul Posting, sehingga judul poostingpun bisa menari. Fungsi ini tercipta berkat Efek bounce yang diciptakan melalui fungsi marquee effects. Penerapan efek ini pada judul posting akan membuat teks pada judul posting bergerak ke arah kanan dan ke arah kiri secara terus menerus. Tek akan berbalik arah ketika sudah mentok di ujung kanan atau kiri.

Tentu saja judul posting ini tidak boleh secara terus menerus bergerak karena ketika pembaca blog akan meng"KLIK" pada judul menjadi kesulitan. Dengan menambah sedikit script maka ketika mouse berada di atas judul posting maka teks akan berhenti bergerak dan akan kembali ber"bounceria" ketika mouse dilepaskan.


Langkah membuat Efek Bounce pada Judul Posting :
  1. Login ke Blogger.
  2. Tetap di Edit HTML.
  3. KLIK Expand Template Widget.
  4. Cari KODE :
  5. <b:if cond='data:post.title'>
    <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'><a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>
  6. Ganti KODE di atas dengan KODE di bawah :
  7. <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'><a expr:href='data:post.url'><data:post.title/></a><b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </marquee>
    </h3>
    </b:if>
Atau kamu juga bisa lakukan dengan cara :

Ganti KODE berikut :
<a expr:href='data:post.url'><data:post.title/></a>

Dengan :

<a expr:href='data:post.url'>
<marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()'>
<data:post.title/>
</marquee>
</a>

Keterangan/Catatan :
  1. Jangan lupa KLIK Simpan Template
  2. Efek bounce ini berfungsi dengan sempurna di Opera dan Internet Explorer (IE) dan Mozilla.

Tidak ada komentar:

Posting Komentar

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous