Pada pembahasan sebelumnya kita sudah pernah membahas cara membuat blinking text dengan menambahkan style css langsung di header.php . Nah… ada cara lain yang lebih mudah dan nggak ribet untuk membuat blingking text yaitu dengan men-set class style di style.css pada template theme antum.

Nah.. monggo di simak bareng-bareng cara lain membuat blingking text.

1. Meluncur ke direktori theme yang antum gunakan.

2. Buka “style.css” dan tambahkan kode berikut :

Keterangan kode diatas :

• text-decoration untuk menset dekorasi teks seperti berkedip(blink)
• font-weight untuk pengaturan ketebalan teks
• font-size untuk mengatur ukuran huruf

3. Untuk mengaplikasikan pada teks yang ingin di kedipkan (blink), antum tinggal tambahkan kode class sebagai berikut:

class=”kedip”

Contoh :

Hasilnya :

Cara ini sudah ane coba dan ane aplikasikan di beberapa tempat antara lain post,  sidebar, footer, dan page.  Silakan antum coba sendiri di tempat yang diinginkan.

Sebagai catatan: Untuk mengecek laman situs yang sudah di aplly kode ini, antum bisa menggunakan browser Mozilla Firefox. Karena sudah ane coba membuka situs ane menggunakan IE8 dan Opera9 tetapi tidak ada efeknya.

Selamat mencoba. Semoga beruntung dan berhasil.

Semoga Bermanfaat.

Postingan hebat lainnya yang berhubungan :

1. Cara Mudah Membuat Blinking Text Yang Valid XHTML1
2. Cara Membuat Scrollbar Box Warna Dengan Bantuan CSS (style.css)
3. Cara Mudah Membuat Fadding Marquee Text ( Efeks teks menghilang secara perlahan) Pada Mesin WordPress
4. Cara Sangat Mudah Membuat Post Thumbnail Dengan Timthumb
5. Cara membuat list-style dengan css
6. Cara Membuat Efek Teks Mengetik (Ticker Text) Pada Mesin WordPress
7. Cara Membuat Transparansi Unsur dengan Opacity di CSS3
8. Cara Membuat ScrollBar Box Dengan Isi Random Post