share all free for you

Advertiser Here

memberi efek blur pada gambar

Pada saat ini saya akan memberi tutorial tentang cara memberi efek blur pada gambar. Efek gambar blur adalah efek gambar akan terlihat samar-samar apabila mouse melewati gambar. Biar anda tidak penasaran silahkan ikuti saja langkah-langkah berikut ini.

A. 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

B. Langkah Kedua

Script ini merupakan script standar tanpa efek blur

<a href="http://forantum.blogspot.com" target="_blank" title="kumpulan blog tutorials"><img alt="kumpulan blog tutorials" style="border: 0;" src="http://img36.imageshack.us/img36/6594/forantumbanner3.gif"/></a>

Maka hasilnya akan seperti di bawah ini

kumpulan blog tutorials

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://forantum.blogspot.com" target="_blank" title="kumpulan blog tutorials" class="linkopacity"><img alt="kumpulan blog tutorials" style="border: 0;" src="http://img36.imageshack.us/img36/6594/forantumbanner3.gif"/></a>

Maka hasilnya akan seperti di bawah ini

kumpulan blog tutorials


Selamat mencoba, semoga bermanfaat...

( Sumber : http://forantum.blogspot.com)

Title : memberi efek blur pada gambar
URL : http://blogcunayz.blogspot.com/2011/06/memberi-efek-blur-pada-gambar.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link memberi efek blur pada gambar sebagai Sumbernya.

Sudah ada [ 12 komentar ] bagaimana pendapat Anda,,?

  1. Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses

    ReplyDelete
  2. Terima kasih untuk tipsnya, saya mau coba semoga juga.

    ReplyDelete
  3. Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.

    ReplyDelete
  4. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

    ReplyDelete
  5. Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!

    ReplyDelete
  6. Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

    ReplyDelete
  7. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

    ReplyDelete
  8. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

    ReplyDelete
  9. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

    ReplyDelete
  10. Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses

    ReplyDelete
  11. Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

    ReplyDelete
  12. Cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah