»
»
»Membuat efek gambar di blog

Membuat efek gambar di blog


Andilangodang   Membuat efek gambar di blog.

Ada berbagai model untuk gambar di blog salah satunya yaitu model membuat efek gambar dari redup menjadi terang dan juga sebaliknya.nah kesempatan ini kami akan membahas bagai mana caa membuat efek gambar di blog,Berikut caranya : 
Untuk cara pertama gambar redup menjadi terang:
<------Sebagai contohnya dulu :





Kode HTMLnya :
<img src="URL gambar" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/>

*Ganti URL Gambar dengan URL gambar Anda.

Cara kedua dari gambar terang menjadi redup :
Sebagai contohnya :
Kode HTMLnya :
<img src="URL gambar" border="1" style="opacity:1;filter:alpha(opacity=100)"onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>
*Ganti URL Gambar dengan URL gambar Anda.
Cara terakhir yaitu membuat semua gambar di postingan Anda secara otomatis mempunyai efek mouse over yaitu menggunakkan kode CSS berikut :
Letakkan kode di bawah ini sebelum kode ]]></b:skin>
.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}========================================================== .post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.o
Sumber : quicky-note







Artikel "Membuat efek gambar di blog" Di Posting oleh: Dewi dari Blog Berita Online, dalam kategori BloggerBlogger Pemula. Melalui permalink http://dewi-fortune.blogspot.com/2012/04/membuat-efek-gambar-di-blog.html. Rating: 1010 Voting: 97,687, Tanggal Sabtu, 07 April 2012, pukul 04.00. Anda dapat melihat tulisan menarik yang lainnya di bawah ini :

Tinggalkan Komentar :

 
Is Hosted by Blogger