Cara Buat Blink Efek di Internet Explorer (IE)

Kode CSS Blink effect atau efek kedip memang hanya dapat berfungsi diluar Internet Explorer (IE). Membuat blink efek sebenarnya amatlah sederhana dan gampang karena hanya dengan menuliskan sedikit kode CSS maka teks akan ditampilkan berkedip. Kedipan seperti ini cukup bermanfaat untuk teks-teks tertentu karena akan terlihat lebih kentara (menonjol) dibandingkan teks yang lain. Menjadi sangat bermanfaat tatkala beberapa bagian teks ingin kita tampilkan dalam bentuk berbeda hingga pengunjung blog dengan amat cepat akan mengenali teks dimaksud. Bagaimana mengatasi persoalan blink efek di IE?

Tanpa bantuan sebuah javascript, sebuah blink effect tetaplah tak mampu kita wujudkan untuk bisa terlihat di IE. Tak terlalu banyak memang script yang dibutuhkan, akan tetapi javascript ini tidak berdiri sendiri. Kita akan memanfaatkan jQuery-1.3.2.js atau jQuery-1.3.2.min.js (bisa juga menggunakan menggunakan jQuery-1.4.2.js) sebagai sumber pembentuk fungsi kedip dengan pertimbangan karena jika membuat script tersendiri maka akan terlalu besar dan merepotkan. Penggunaan jQuery ini juga membuat blink effect ini ditanggung bisa berfungsi secara optimal di Internet Explorer. Keuntungan yang lain adalah irit dan praktisnya script serta dengan gampang kita dapat mengatur interval waktu kedip. Semoga posting tentang mengatasi kesulitan menciptakan blink efek yang bisa kompatibel di semua browser ini bermanfaat dan dengan script ini pula semoga persoalan blink effect tidak lagi menjadi kendala atau gangguan yang meresahkan pikiran.

Blink Effect Script

<script type="text/javascript" language="javascript">
//<![CDATA[
(function($){
$.fn.blink = function(options){
var defaults = { delay:700 };
var options = $.extend(defaults, options);
return this.each(function(){
var obj = $(this);
setInterval(function(){
if($(obj).css("visibility") == "visible"){
$(obj).css('visibility','hidden');
}
else{
$(obj).css('visibility','visible');
}
}, options.delay);
});
}
}(jQuery))
$(document).ready(function(){
$('.blink').blink(); 
});
//]]>
</script>

Silahkan javascript di atas di simpan melalui penambahan widget atau letakkan di atas kode </body>. Untuk penyimpanan di atas kode </body>, ikuti langkah seperti berikut.

1. Login :Login to BloGGeR (Login ke BloGGeR).
• Tuliskan User Name (Nama Pengguna) atau gunakan Email Address
• Tuliskan juga Password (Sandi)
• Setelah pengisian dilakukan dengan benar, KLIK "Login".
• Tunggu beberapa saat hingga sebuah halaman baru terbuka. Halaman ini adalah "Halaman Dasboard (Dasbor).
2. Dasboard : Setelah masuk di halaman ini, carilah link "Design (Rancangan)". Silahkan KLIK untuk membukanya.
3. Design (Rancangan) : Di sini akan sampeyan jumpai "Page Element/Elemen Laman" yang merupakan bagian dari "Design/Rancangan". KLIK "Edit HTML"
4. Edit HTML : Di bagian inilah javascript blink effect akan di simpan. Carilah kode </body>, kemudian Copy-Paste javascript tepat di atasnya. Untuk mencari kode di atas gunakan Ctrl+F dengan cara di KLIK bareng. Dengan menggunakan Ctrl+F, maka pencarian kode menjadi lebih mudah dan cepat. Posisi kode ini juga dengan amat mudah dapat dicari secara langsung karena posisinya ada di ujung terbawah template.
5. KLIK "SAVE Template (Simpan Template)".

Apabila penyimpanan script dilakukan melalui penambahan widget, silahkan ikuti panduan berikut.

1. Login :Login to BloGGeR (Login ke BloGGeR).
• Tuliskan User Name (Nama Pengguna) atau gunakan Email Address
• Tuliskan juga Password (Sandi)
• Setelah pengisian dilakukan dengan benar, KLIK "Login".
• Tunggu beberapa saat hingga sebuah halaman baru terbuka. Halaman ini adalah "Halaman Dasboard (Dasbor).
2. Dasboard : Setelah masuk di halaman ini, carilah link "Design (Rancangan)". Silahkan KLIK untuk membukanya.
3. Design (Rancangan) : Di sini akan sampeyan jumpai "Page Element/Elemen Laman" yang merupakan bagian dari "Design/Rancangan". KLIK "Add Gadget (Tambah Gadget)" yang terdapat dalam box bergaris putus-putus. Sampeyan boleh pilih di sembarang Add Gadget.
4. Setelah terlihat berbagai pilihan widget, KLIK "HTML/Javascript", kemudian tunggu beberapa saat.
5. Copy dan pastekan javascript pada box penambahan widget yang terlihat kemudian. Lanjutkan dengan KLIK "SAVE/Simpan".

Bagi yang belum menggunakan jQuery-1.3.2.js, jangan lupa untuk menyimpan jquery di bawah ini di atas kode <head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<head>
Cara mencari kode <head> sama dengan saat mencari kode </body>Untuk membuat teks supaya berkedip, sampeyan cukup tuliskan seperti ini:

<span class="blink">Tuliskan teks-nya di sini!</span>

Contoh jQuery Blink Effect Plugins

Compatible in all Browser

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

• 
• 

» Happy Blogging - gubhugreyot «