Link Exchange

-ONLINE-

- BackLink -

Cara Membuat Teks di Blog Berrubah Jenisnya Dan Memberi Efek Bayangan Hover

| Selasa, 13 September 2011
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 :)

Salam blogger

0 Comment:

Posting Komentar

Next Prev
Blogger newbie yang masih belajar tentang CSS dan HTML. Kadang suka ngutak ngatik HTML sendiri. Walau gagal, tetep coba dan gak mau menyerah sampai bisa. Dan tolong , hargai yang nulis artikel ini , setidaknya kalian comment / mampir ke guestbook . Menambah silahturohmi dengan pemilik blog ini .Add Facebook Gw
▲Top▲
cyb3rThanks For Visiting Gunakanlah Google Chome Untuk Tampilan Sempurna