Silahkan Cari yang anda inginkan

Memuat...

Sabtu, 06 Juli 2013

Cara Membuat Link Gambar Berkedip di blogspot


Pada postingan sebelumnya kita telah bahas bagaimana cara membuat link text yang berkedip-kedip dengan menggunakan kode tag HTML, namun untuk menampilkan gambar yang berkedip-kedip, sejauh ini saya belum menemukan kode tag HTML untuk membuatnya. pada saat saya punya ide untuk menampilkan link gambar yang berkedip ( seperti yang Anda lihat di side bar blog ini ) saya sudah browsing kesana kemari dan hasilnya nihil, ternyata memang belum ada kode tag HTML yang dupport untuk menampilkan gambar menjadi berkedip - kedip.

Di tengah pencarian tersebut, saya menjumpai kawan kawan blogger yang bernasib sama, hendak menampilkan gambar berkedip tapi memang kode HTML belum mensupportnya, sehingga beberapa Blogger mencari alternatif lain untuk membuatnya antara lain:

  1. Cara yang pertama adalah dengan cara menggunakan memodifikasi CSS dan file javascript untuk membuat slide show, dan membuat dua buah gambar dan dimodifikasi sedemikian rupa sehingga dua gambar tersebut itu seolah - olah nampak seperti satu gambar yang berkedip - kedip, dengan cara ini memang akan diperoleh hasil seolah olah gambarnya berkedip - kedip, namun saya urung membuatnya dengan cara ini karena menurut saya caranya rumit, selain itu loading blog juga jadi berat. bagi Anda yang berniat mencoba dengan cara ini maka silahkan browsing di Google.
  2. Adapun cara kedua yang saya temui adalah dengan cara membuat gambar animasi yang berkedip-kedip dengan menggunakan aplikasi macromedia Flash, jadi yang berkedip-kedip itu  gambarnya, tapi saya pun urung membuatnya dengan cara inikarena kebetulan saya tidak mempunyai program aplikasi ini dan tentunya tidak familier dengan aplikasi ini.
Dari cara yang kedua inilah muncul ide untuk membuat gambar Animasi sederhana agar terlihat seperti gambar yang berkedip-kedip dengan menggunakan Program Aplikasi Adobe Photoshop dan Image Ready . Adapun langkah - langkahnya sebagai berikut:
  1. Siapkan File Gambar yang akan diberi efek kedip-kedip
  2. Buka dengan Adobe Photoshop, caranya: Klik kanan pada gambar >>  pilih open with >> Edit With Photoshop, lihat gambar berikut:


  3. Setelah File gambar terbuka dengan Adobe Photoshop pilih menu File >> Edit in ImageReady (atau tekan Shift+Ctrl+M), perhatikan Gambar berikut:

  4. Setelah File gambar terbuka di ImageReady, perhatikan windows layer yang biasanya terletak pada pojok kanan bawah , seperti pada gambar dibawah, jika belum ada windows ini maka pilih menu windows>> klik Layer

    setelah nampak windows layer klik icon yang ditunjuk oleh tanda panah merah, sehingga terbentuk layer 1

  5. Langkah berikutnya bukalah/aktifkan windows Animasi dengan cara pilih menu Windows >> Animation, perhatikan Gambar berikut:

  6. Pada Tanda panah No. 1 tentukan durasi atau lamanya gambar akan muncul tiap satu periode, misalnya 0,5 s

  7. Klik Tada Panah No. 2, kemudian pilih New Frame,

  8. Lihatlah Windows Layer yang terletak di pojok kanan bawah, Klik icon new layer (Tanda Panah No. 3)

  9. Pindahkan kursor pada gambar mata yang teletak pada layer Background (ditunjukkan pada Anak Panah No 4) dan pastikan gambar mata dihilangkan dengan cara diklik
  10. Priview hasil dari gambar animasi (pada anak panah no. 6), dengan cara klik tombol play ( anak panah no 5),


  11. Jika gambar sudah selesai Simpan Obyek dengan cara : save Optimized as (atau tekan Ctrl + Shift+ Alt + S secara bersamaan )


    pilih ext gif seperti pada gambar di atas, kemudian masukkan nama gambar yang baru saja Anda buat.

  12. Pembuatan Gambar berkedip - kedip sudah jadi, Anda tinggal memasukkan nya ke tempat yang Anda inginkan di Blogspot  Sebagaimana telah dibahas pada sesi sebelumnya yaitu cara menyisipkan Gambar pada postingan Blog
Adapun kode Tag HTML untuk menampilkan gambar sebagai link sehingga jika kita klik gambar tersebut maka kita akan di arahkan ke alamat url tujuan, tag HTML nya adalah Sebagai berikut:
<a href="Alamat url Tujuan"><img src="Alamat Url Gambar" /></a>  
Contoh:
<a href="http://www.jual-rebanamarawis.com/"><img src="http://3.bp.blogspot.com/-G17ks0FN7n8/T6QZ3xLd5LI/AAAAAAAABAk/EfpIjSdZBs0/s400/BLOGSPOT.gif" /></a>

Hasilnya Akan terlihat :


Demikian Postingan mengenai Cara Membuat Link Gambar Berkedip di blogspot, semoga bermanfaat.
68WZGZ346SQU

Tidak ada komentar :

Poskan Komentar

Silahkan berkomentar dengan baik dan sopan, komentar anda berharga bagi saya...oke browww

Tidak ada komentar :

Poskan Komentar

Silahkan berkomentar dengan baik dan sopan, komentar anda berharga bagi saya...oke browww

SMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNGSMKN 1 BOJONGPICUNG