Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

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

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 «

Bila tak pegal di tangan
silahkan tulis sebuah komentar!

gubhug reyot

 
GR | Edited by | gubhug reyot