Sabtu, 28 Desember 2013

Cara Membuat Tulisan / Link Berkedip (Blink) di Blog

Ilustrasi tag <blink>, yang digunakan untuk membuat teks berkedip (Gambar tidak terlihat? Klik kanan tulisan ini, dan pilih 'Reload Image!')

Cara Membuat Tulisan / Link Berkedip di Blog – Beberapa waktu yang lalu saya sempat membagikan artikel yang membahas cara membuat teks berjalan / bergerak di blog, dan cara membuat efek link membesar saat disentuh di blog. Kali ini saya akan membagikan cara membuat tulisan (teks) ataupun link berkedip (dikenal juga dengan efek blink) di blog. Tutorial ini tidak hanya berlaku untuk blog, namun juga dapat diaplikasikan untuk website.
Tujuan pemasangan tulisan (teks) atau link berkedip ini tidak lain untuk menarik perhatian pengunjung blog agar memperhatikan tulisan yang berkedip. Hal yang sama juga berlaku untuk link. Tujuannya, ya tentu saja agar pengunjung tertarik mengklik link tersebut. Agar link semakin menarik untuk di klik, tambahkan juga title dan alt text di link tersebut. Oh, iya. Satu lagi. Efek ini hanya bekerja pada browser dengan basis Mozilla, semacam Mozilla Firefox.
Oke, to the point (lagi). Berikut ini cara mudah membuat tulisan atau link berkedip (blink) di blog. Perhatikan script tulisan / link berkedip dibawah :
<blink>Cara Membuat Tulisan / Link Berkedip di Blog</blink>
Jika dipasangkan di blog (melalui menu HTML pada post, atau HTML/Javascript pada menu Tambahkan Gadget), teks tersebut akan terlihat seperti berikut:
Cara Membuat Tulisan / Link Berkedip di Blog
Singkatnya, untuk membuat tulisan berkedip, ganti tulisan yang berwarna merah dengan tulisan yang Anda inginkan, kemudian pasangkan pada menu HTML (disebelah tombol Compose pada Entri Baru) atau HTML/Javascript pada menu Tambahkan Gadget. Jika Anda ingin mengubah warna tulisan / teks, tambahkan kode <div style='color: #FF8000;'></div> diantara kode <blink>…</blink>. Sehingga kodenya akan menjadi :
<div style='color: #FF8000;'><blink>Cara Membuat Tulisan / Link Berkedip di Blog</blink></div>
Kode teks berkedip diatas, jika dipasang akan terlihat seperti berikut ini :
Cara Membuat Tulisan / Link Berkedip di Blog
Ganti warna teks tersebut dengan mengganti kode #FF8000. Untuk mengetahui daftar kode warna, klik disini.
Untuk membuat link berkedip, kodenya sama. Hanya saja, ganti teks Cara Membuat Tulisan / Link Berkedip di Blog dengan <a href=‘http://urlanda’>Judul Link</a>. Contoh script link berkedip di blog :
<blink><a href='http://xxpc123xx.blogspot.com/2012/09/alt-text-seo-pada-gambar-di-blogger.html'>Alt Text – SEO Pada Gambar di Blog</a></blink>
Sehingga, saat script diatas dipasang, akan terlihat seperti berikut :
Alt Text – SEO Pada Gambar di Blog
Untuk mudahnya, Anda dapat langsung menyalin script diatas (untuk membuat link berkedip), kemudian ganti tulisan yang berwarna biru dengan url Anda, dan yang berwarna ungu dengan judul link.
Cara Memasang Tulisan / Link Berkedip di Blog
Terdapat 2 cara untuk memasang link atau teks berkedip di blog Anda. diantaranya :
Cara Pertama – Memasang Tulisan / Teks Berkedip Didalam Posting Blog
1.    Buka Blogger, dan klik tombol Buat Entri (yang berbentuk pensil berwarna oranye)
2.    Klik tombol HTML yang berada disebelah tombol Compose (kedua tombol ini berada di pojok kiri atas, dibawah logo Blogger).
3.    Masukkan kode tulisan atau link berkedip yang ada diatas (setelah sebelumnya Anda edit).
4.    Terakhir, klik Publikasikan untuk mempublikasikannya. Atau, kembali klik tombol Compose untuk menambah isi posting Anda.
Cara Kedua – Memasang Teks / Link Berkedip Sebagai Widget Blog
Dengan cara ini, teks atau link berkedip akan dipasang sebagai widget, sehingga dapat diletakkan dibawah judul blog, disamping posting, dsb.
  1. Buka Blogger, dan masuk ke Tata Letak.
  2. Klik Tambahkan Gadget ditempat Anda ingin memasang teks atau link berkedip (blink) ini.
  3. Pilih HTML/Javascript pada window baru yang muncul.
  4. Pastekan kode teks atau link berkedip (blink) diatas (yang tentunya sudah Anda ubah).
  5. Terakhir, klik Simpan. Buka blog Anda untuk melihat efek teks atau link berkedip di blog.
Agar terlihat lebih unik, Anda dapat menggabungkan efek tulisan atau link berkedip ini dengan efek teks (tulisan) bergerak di blog (marquee).Selamat mencoba! Tolong tinggalkan komentar, share dan like posting ini (berikan pula Google +)! Terima kasih, dan salam blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

8 komentar:

  1. Teman - teman kesulitan untuk Belajar Komputer karena kesibukan? kini kami memfasilitasi kursus komputer jarak jauh via online, silahkan kunjungi website kami di asianbrilliant.com, Master Komputer, Kursus Online

    Ayah, Bunda..butuh guru untuk mengajar anak-anak dirumah ? kami memfasilitasi 1000 guru untuk anak-anak ayah dan bunda datang kerumah, silahkan kunjungi website kami di smartsukses.com, Bimbingan Belajar, Les Private

    BalasHapus
  2. thanks gan
    gan anda tau gk caranya agar blok kita bisa ditambahkan ``ADD YOU PICTURE HERE``
    kalo bisa kirim email ke saya ya gan
    =)

    BalasHapus
  3. matnap dah artikelnya saya suka tipsnya kawan

    BalasHapus
  4. kalo buat teks berjalan gimana gan?

    BalasHapus

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!