-->


CSS 3 Opacity / Gambar Blur di Blog

Membuat link gambar opacity atau kabur .. yeee emang kabur kemana tu gambar kok nggak bilang2 .. ya enggaklah, wong kabur disini tu kabur gambarnya bukan gambarnya yang lari .. jadi ketika gambar ntar disorot mouse, gambarnya menjadi jelas .. tapi bila gambar didiemin, gambar itu akan blur alias tidak jelas .. Ehm, agak ribet juga menjelaskan, dan memang sebetulnya kalo kalian paham, action script atau CSS untuk trik ini sebenarnya udah ada sejak dulu, cuman sekarang penerapannya beda. Dulu penggunaannya hanya pada software edit photo semisal Adobe Photoshop. Kalian pernah khan maen photoshop, kalo pernah pasti pernah liat yang namanya tools opacity yang gunanya untuk membuat efek gambar menjadi blur atau kabur .. nah itu dia idenya .. tapi mendingan langsung tak kasih prikitiewnya aja waelah ketimbang bingung semuanya .. langsung to the point aja zob, jelas malah mengena ke sasaran hehe .. yups cekiprot prikitiewnya ::-->>
Contoh Opacity




NB :: hanya untuk Mozilla dan Chrome / Safari -- ONLY --

1. Masuk ke Blogger dengan ID dan Pass kalian
2. Klik Rancangan
3. Klik lagi Edit HTML
4. Cari kode ini ]]></b:skin>
Letakkan kode dibawah ini tepat diatas kode no.4
5. Kodenya ::

.linkopacity img {
filter:alpha(opacity=75);
-moz-opacity: 0.50;
-webkit-opacity: 0.50;
opacity: 0.50;
border:0;
}
.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
-webkit-opacity: 1.0;
opacity: 1.0;
border:0;
}
.linkopacityxtra:hover img {
filter:alpha(opacity=1.1);
-moz-opacity: 1.1;
-webkit-opacity: 1.1;
opacity: 1.1;
border:0;
}


6. Untuk menarik kode biar bisa diakses oleh gambar di postingan .. kalian harus menambahkan kode seperti ini ::-->>
Misal URL gambarnya :-> <a href="URL blog kalian"'/><img src="URL gambar kalian"/></a>

Menjadi

<a class="linkopacity" href="URL blog kalian"'/><img src="URL gambar kalian"/></a>

Class itu sebagai pertanda bahwa link yang akan dituju itu menggunakan teknik apa sesuai class .. dan kebetulan yang ini adalah opacity. Yang bergaris bawah itu tandanya .. jangan lupa lho !!!!

Cuman ntu doang kok .. gampang khan .. kalo gampang ya praktekin aja zob .. wong ya gratis kagak mbayar kok .. hehe
Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar

Horeee 1 PertamaX Nongol di sini:

Hendra Kurniawan hobby ngeTweet [agi ngeComment]

Thks infonya sob,

http://gamocore.blogspot.com

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58

Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.

Protected by Copyscape Web Plagiarism Software
English French German Spain Italian DutchRussian Portuguese Japanese Korean Arabic Chinese Simplified