Gratis berlangganan artikel Zykry via mail, join sekarang!

Saturday, April 10, 2010

Memberi Efek Samar/blur Pada Gambar

http://n3.nabble.com/file/n710039/zykry_dark.png

Pada artikel kali ini saya akan menjelaskan cara membuat efek samar / blur pada gambar, foto ataupun banner yang ada di blog kita. Efek samar akan terjadi apabila cursor melintas pada objek tersebut. Efek ini berlaku untuk semua objek gambar, baik itu gambar yang disertai dengan link ataupun gambar yang tidak disertai dengan link. Biar anda tidak penasaran silahkan ikuti saja langkah-langkah berikut ini.


Langkah Pertama

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
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

 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


<a href="http://www.zykry-dark.blogspot.com"><img border="0" src="http://n3.nabble.com/file/n710039/zykry_dark.png"></a>

Maka hasilnya akan seperti di bawah ini



http://n3.nabble.com/file/n710039/zykry_dark.png




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="www.zykry-dark.blogspot.com" class="linkopacity"><img border="0" src="http://n3.nabble.com/file/n710039/zykry_dark.png"></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 akan langsung masuk ke URL yang dituju


Jika anda tidak ingin gambar tersebut disertakan dengan link, maka kita akan mengganti URL yang dituju dengan script "#nogo", maka scriptnya akan menjadi seperti ini


<a href="#nogo" class="linkopacity"><img border="0" src="http://n3.nabble.com/file/n710039/zykry_dark.png"></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
www.zykry-dark.blogspot.com dengan URL yang ingin anda tuju
2. Silahkan ganti script http://n3.nabble.com/file/n710039/zykry_dark.png dengan URL gambar yang ingin anda beri efek blur
3. Selesai

Selamat mencoba, semoga bermanfaat


Related Post:

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di zykry-trick.blogspot.com
Thx to :
Jangan lupa add facebook Zykry Dark
print this page Print this page
Memberi Efek Samar/blur Pada GambarSocialTwist Tell-a-Friend

Comments :

58 comments to “Memberi Efek Samar/blur Pada Gambar”

Free template zone said...
on 

Nice tutorial..

akhatam said...
on 

O begitu ya sob.. saya kira blur yang gimana gitu.. hehhhe.. Tx triknya

mulyana post said...
on 

bang saya blom ngrti nih yang langkah ke dua ,,,musti di taro di mana ya, ubah html atau pake js,yang prtama sukses di simpan yang kedua saya blenk nih bang mohn pencerahanyaaaaaaaa,,heeee ,,thnks ya bang

Mobil Keluarga Ideal Terbaik Indonesia said...
on 

thanks triknya jelas bgt

ensiklopedia said...
on 

O begitu ya sob.. saya kira blur yang gimana gitu.. Tx triknya

Nikmaya John said...
on 

Mantapp nih tipsnya,,,

agen xamthone plus bandung said...
on 

nice tips bro.....

Obat Herbal Untuk Kolesterol said...
on 

info yang bagus mas bro

jasa pembuatan website di bali said...
on 

bagus infonya....
akan ku coba mas brooo

Hobeeku said...
on 

akhirnya ketemu juga, saya pernah melihatnya di blog lai, trus saya cari2 tutorialnya, akhirnya saya nemunya disini. hehee

makasih banyak mas infonya.

samsul said...
on 

perlu pertinjauan nih...

sewa mobil said...
on 

thanks atas ilmunya yah gan..

iklan baris tanpa daftar said...
on 

ditunggu postingan bermanfaat berikutnya. :D

andhika tatawarna said...
on 

makasi gan sharenya

Cara Mengatasi Penyakit Tipus said...
on 

Salam sukses.

Cara Mengatasi Penyakit Angin Duduk said...
on 

Mantap!

Regar said...
on 

TErimaksih infonya berkuliatas bermanfaat untuk disimak
ditunggu artikel lainnya gan . . . :D

Tips luar biasa dijamin bermanfaat

powerpoint mania said...
on 

lain kali saya coba :)

Cara Mengobati Pusing Tujuh Keliling said...
on 

wah, saya coba dulu nih.
Salam kenal..

Ace Maxs said...
on 

contoh hasilnya mana gan?

tika said...
on 

terimakasih atas informasinya sangat bermanfaat

Desi said...
on 

terimakasih atas infonya gan

dinda said...
on 

mantap bagus sekali infonya tuhh..

Lisna said...
on 

bagus sekali gan infonya terimakasih

Lusi said...
on 

nice info...

Rina said...
on 

terimakasih atas infonya mas

Sheril said...
on 

bagus sekali infonya nih

Ttina said...
on 

mantap gan infonya bagus

syabany said...
on 

makasih gan infonya, sangat bermanfaat..

Ceryl said...
on 

makasih sob atas infonya

obat tradisional penyakit maag kronis said...
on 

terima kasih banyak yah sobb tentang infonya, dan salam bloggers...

Voucher Pendidikan said...
on 

terima kasih atas informasinya gan

cara mengobati kanker ovarium said...
on 

menarik sekali infonya

cara mengobati kanker ovarium said...
on 

sangat bermanfaat sekali infonya saya tunggu postingan selanjutnya mkasih

Zona droider said...
on 

thank you mastah :)

cara mengobati kista said...
on 

keren dan menarik postinganya sukses selalu buat blog nya

Kanker Payudara said...
on 

menarik dan bermanfaat infonya

obat herbal kanker serviks said...
on 

menarik dan bermanfaat infonya makasih infonya saya tunggu info yang lebih bermanfaat

daun teratai said...
on 

makasih telah berbagi infonya yang bermanfaat sekali dan menambah wawasan saya

OBAT HERBAL ACE MAXS said...
on 

ikut nyimak gan,
sukses terus buat websitenya....
terimakasih

cara mengobati kanker serviks said...
on 

makasih efeknya sangat bermanfaat sekali

Arisandi said...
on 

Mau tanya mas ?, apakah cara ini bisa juga untuk wordpres ?...Mohon info

cara mengobati kanker ovarium said...
on 

menarik dan bermanfaat sekali artikelnya

Master138 said...
on 

Terima kasih infonya gan :)

cara mengobati kanker serviks said...
on 

oh begitu caranya

obat herbal limfoma said...
on 

kunjungan siang mkasih infonya sangat bermnfaat sekali

cara mengobati kanker otak said...
on 

kunjungan sore bermanfaat sekali artiekelnya

jasa desain logo perusahaan said...
on 

Thanks bro

cara mengobati leukemia said...
on 

makasih infonya mantap

ricalinu said...
on 

menarik sekali infonya makasih banyak

tempat aborsi said...
on 

thank's infonya gan

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
poker online terpecaya
bandar poker
domino online
agen poker online
poker online

Agen Poker said...
on 

Nice Info Artikelnya Gan..
Ditunggu Artikel Selanjutnya.. ^^

POKERAJAIB.COM
AGEN POKER
AGEN DOMINO QQ
TEXAS POKER
SITUS POKER ONLINE
AGEN POKER TERPERCAYA

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

Chelsy Kho said...
on 

Numpang Promo ya

PAPADOMINO agen poker online terpercaya
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

Unknown said...
on 

Hai..
kita dari agen poker online papadomino mau memberitahukan bahwa sekarang sedang ada promo bonus yaitu :
* Bonus Minguuan : 0.5% (setiap senin)
* Bonus Referral : 20% (seumur hidup)

Hanya dengan minimal depo & wd Rp 20.000,-
Proses depo / wd cepat
100% PLAYER VS PLAYER Tanpa ROBOT
link pendaftaran : http://papadomino.com/?ref=jesica6413
Untuk info lebih lanjut silahkan hubungi : 2B4A514B

* Buat yang suka bermain togel silahkan kunjungi http://www.papa4d2.com/ref.php?ref=jesica
;)
judi poker
bandar poker
domino online
agen poker online
poker online
capsa susun
poker online terpecaya

AGEN BOLA TERBESAR said...
on 

Terimakasih Atas Infonya Gan.. Sangat Membantu Dan Di Tunggu Artikel Berikutnya Yah ^_^
AGEN PIALA DUNIA
BANDAR BOLA
JUDI ONLINE
BACCARAT ONLINE
PARLAY 2 TIM

dominoqq said...
on 

Selamat datang di intanqq

Ayo bergabung bersama kami, tersedia 7 permainan dalam 1 ID:
- Sakong (New Game)
- Bandar Poker (New Game)
- BandarQ (Hot Game)
- Poker
- Domino
- Capsa Online
- AduQ

Apa kelebihan bermain di intanqq? Berikut kelebihannya:
- BONUS TURNOVER 0.3% SETIAP HARI
- BONUS XTRA TURNOVER SETIAP MINGGUNYA
- BONUS REFERAL 10% +10% SEUMUR HIDUP!!
- MIN DEPO IDR 15.000 dan Proses super cepat 1 menit.
- Bisa dimainkan di Smartphone Versi Android dan Iphone.
- Win rate 98%
- No robot
- Fair play 100% player vs player

Tunggu apalagi? Ayo segera bergabung sebelum ketinggalan promonya :)

bandarq
dominoqq
domino99 online terpercaya
Domino Qiu Qiu
dominoqq


Apa pendapat anda?

No spam and no porn yaw!!

Widget By Devils Workshop

Guest Book

Iklan

Pasang iklan anda di Zykry-trick hanya Rp.15.000 /bulan Hubungi : 087 823 177 355 - 085 759 277 896 Facebook : Zykry@programmer.net
 
twitter

Tukeran Link

Tips Dan Trick Blogging

U follow I follow

Statistik


free counters
broadband speed test
Current Events & News Blogs - Blog Rankings Blog Directory
Internet Blogs Web Design & CSS (Graphics) - TOP.ORG
Blogging Blogs - Blog Catalog Blog Directory Online Marketing - OnToplist.com
Web design blogs
The Republic of Indonesian Blogger | Garuda di Dadaku
Top 10 Award