PANDUAN,TIPS,TRIK DAN CARA MEMBUAT BLOG DENGAN MUDAH SERTA GRATIS

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

You need to upgrade your Flash Player to version 10 or newer.

EFEK BLUR PADA GAMBAR

Efek BLUR atau samar akan terjadi apabila cursor melintas pada objek  atau gambar yang kita pasang. Efek ini berlaku untuk semua objek gambar, baik itu gambar yang disertai dengan link ataupun gambar yang tidak disertai dengan link.
Untuk lebih jelasnya ikuti langkah2 berikut ini

A. Langkah Pertama

1. Masuk ke Dasbor
2. Klik Tab RANCANGAN
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode ]]></b:skin>
6. Persis sebelum kode tersebut, pastekan scirpt di bawah ini


 .linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.linkopacity:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}


7. Klik Simpan Template

B. Langkah Kedua

Sekarang kita akan menciptakan gambar dengan efek blur, silahkan perhatikan script-script berikut di bawah ini, dengan demikian anda hanya perlu merubah script gambar anda yang telah anda pasang sebelumnya di blog anda atau anda juga bisa membuat script baru sesuai dengan selera anda.

Script ini merupakan script standar tanpa efek blur


Maka hasilnya seperti ini ,,,



Keterangan untuk hasil gambar di atas :


1. Apabila cursor melintas tidak terjadi efek blur
2. Apabila diklik akan langsung masuk ke URL yang dituju


Sekarang kita akan mengubah gambar di atas dengan memberi efek blur, caranya hanya cukup dengan menambah script class="linkopacity" pada script URL yang dituju, maka scriptnya akan menjadi seperti ini

<a href="http://edyputrajepara.blogspot.com"class="linkopacity"><img border="0" src="http://i728.photobucket.com/albums/ww287/edyputrajepara/ALBUM%20BLOG/images.jpg"></a>

Maka hasilnya akan seperti di bawah ini



Keterangan untuk hasil gambar di atas :

1. Apabila cursor melintas akan memberikan efek blur
2. Apabila diklik tidak akan masuk ke URL yang dituju


Yang perlu anda edit pada script -script di atas adalah :

1. Silahkan ganti script http://edyputrajepara.blogspot.com dengan URL yang ingin anda tuju
2. Silahkan ganti script http://i728.photobucket.com/albums/ww287/edyputrajepara/ALBUM%20BLOG/images.jpg dengan URL gambar yang ingin anda beri efek blur
3. Selesai

JEPARA BUMI KARTINI , ISLAMIC , BENGKEL MOBIL

  • Share this
  • Sumbit to Digg
  • Sumbit to StumbleUpon
  • Sumbit to Delicious
  • Sumbit to Technorati
  • Sumbit to Reddit
  • Sumbit to Mixx
  • Sumbit to Twitter
  • Sumbit to Furl
  • Sumbit to Design Float
  • Sumbit to Blinklist
  • Sumbit to Yahoo Buzz
  • Sumbit to Google Bookmarks

Artikel Terkait

0 comments:

Post a Comment

SILAHKAH COMEN DULU...
MAKASIH TELAH MEMBERI COMEN DAN WUKTUNYA....
SALAM PERSAHABATAN.....
edy putra Jl.cik lanang62 Kauman Rt04/05 Jepara-59417

CARI ARTIKEL DISINI By Google

Loading

    COMENTATOR

    CHAT ROOM

    CONTAC Edy putra