Cumulus swf - flash

Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Cara Membuat Judul Posting Berjalan dengan Marquee Effects: Panduan BloGGeR Kilat

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. Contoh efek bounce bisa kamu lihat

D E M O

D E M O

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. Lakukan pengamanan template. Caranya lihat di sini !
  3. Tetap di Edit HTML.
  4. KLIK Expand Template Widget.
  5. Cari KODE :
  6. <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>
  7. Ganti KODE di atas dengan KODE di bawah :
  8. <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.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :




» Happy Blogging - gubhugreyot «

5 komentar:

  1. Om yang punya ni blog saya kasih jempol 2 deh .
    Blog kamu bagus banget +++ .
    Tolong bantuin blog reyotane dong seperti blog ente . ( sama percis )
    Saya kasih Uang deh untuk imbalan nya .
    Tolong add saya di facebook : reza_irawan007@rocketmail.com
    Untuk lebih jelas gan = 0856 9356 8151

    BalasHapus
  2. mantap bos...
    anda memang kreatif ...
    berkereasi terus..

    BalasHapus
  3. BLOGNYA KEREN BANGET OM!!!!!
    Ajarin dong,

    BalasHapus
  4. mantaf gan,blog jadi morat marit gara2 selalu mencoba ilmunya ghubugreyot. tapi daku suka deh. yg penting dapat ilmu. urusan blog nanti buat lagi hehe.

    BalasHapus

 
GR | Edited by | gubhug reyot