Jumat, 02 Desember 2011

Text Di Blog Berubah Ketika Di Klik

Posting kali ini saya akan membuat sebuah variasi di teks yang lumayan menarik. Jadi seperti ini, kita akan membuat efek pada teks yang nantinya jika teks di lalui kursor akan berubah jenisnya dan ada bayangan nya,

contohnya seperti ketika kamu meletakkan kursor di atas tulisan ini atau lihat tulisan di atas "About Me"
.
Sudah tau kan ?, sekarang bagaimana cara membuatnya ?
Pertama kamu masuk blogger, masuk ke editor html dan tambahkan beberapa kode di atas ]]></b:skin> ,atau untuk template blogger yang baru kamu bisa masuk ke Layout klik link Template Designer dan masukkan CSS di kotak pengisian CSS.



CSSnya seperti berikut :
.comments2{color: #613838;}.comments2:hover{font-family:Georgia,Century gothic,Arial,Helvetica,sans-serif;text-shadow: 0 0 3px #000000, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;}


Untuk mengaktifkan efeknya di teks kamu cukup memberi kode di awal dan akhir teks seperti contoh di bawah.
<div class="comments2">⊗ Semua efek dan menu dropdown di blog ini seperti efek di teks ini ada tutorial cara membuatnya di dalam blog ini silakan cari di daftar isi ⊗
</div>
Perhatikan kode yang di berwarna ijo, kode itu yang harus kamu tambahkan di teks yang akan kamu beri efek.

Selamat mencoba, semoga berhasil :)

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More