Cara Membuat Link, Text dan Tulisan Berkedip


UPDATE!!!
HTML tulisan berkedip / blink <blink>Tulisan Blink</blink> sudah usang (obsolote) untuk digunakan pada blog dan website. Jadi tidak berfungsi (not supported) pada browser IE, Chrome, Firefox, Safari dan Opera 15+. Untuk itu perlu ditambahkan CSS pada HTML blog Anda.
Blink

Membuat Text, Tulisan dan Link Blink

Langkah 1. Pada Template --> Edit HTML --> klik pada area kosong kotak Edit HTML dan cari (CTRL+F) kode berikut:
]]></b:skin> atau </b:skin>

Langkah 2. Tambahkan CSS Blink berikut di atas kode ]]></b:skin>
blink {
  -moz-animation-duration: 500ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;

  -webkit-animation-duration: 500ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;

  animation-duration: 500ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@-moz-keyframes blink {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes blink {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
Catatan: 500ms adalah kecepatan blink. Anda dapat merubahnya sesuai keinginan. 500++ semakin terlihat lambat blinknya, 500-- semakin terlihat cepat.

Langkah 3. Tambahkan format
<blink>Tulisan Blink</blink>
Jadi akan telihat seperti di bawah ini :

Text Berkedip

Atuapun link Berkedip seperti ini?

A. Text / Tulisan Blink

        <blink>Blog Tutorial</blink>
Maka hasilnya akan seperti ini :
        Blog Tutorial 

B. Link Blink

<blink><a href="http://dewainside.blogspot.com/">Blog Tutorial</a></blink>
Maka hasilnya akan seperti ini :
        Blog Tutorial

Catatan : Tulisan yang bercetak TEBAL Anda ganti dengan Text dan Link yang Anda inginkan. Untuk mengubah font, warna dapat Anda edit dengan mudah pada mode compose blogger. Atau dengan menambahkan kode HTML pada mode HTML :
<blink style="font-weight: bold; font-family: vineta bt; font-size: 16px; color: rgb(0, 0, 153);">Teks atau link anda</blink>
Ganti font pada font-family yang tulisan vineta bt dengan semua font yang ada di komputer, ukuran pada font-size yang berupa angka 16, dan warna pada color yang berupa tulisan rgb(0, 0, 153) sesuai dengan selera Anda.

Selamat Mencoba.
Semoga bermanfaat bagi sahabat blogger.

6 komentar:

  1. makasih gan,,, :)

    visit back ye,, ada yang spesial di blog ane :)

    BalasHapus
  2. @ edyzone : sama - sama gan. Ok, saya visit back dah.

    BalasHapus
  3. blink...blinkk... mmmantap ncang... izin pake. maen mata semua tulisan di blog ane hee55

    BalasHapus
  4. @ aandoni : Silahkan dicoba gan..

    BalasHapus
  5. terima kasih infonya sob.
    sungguh kreatif sekali dan template blog anda simple.
    dan sepertinya anda mempunyai kelebihan tersendiri.
    bila ada waktu saya akan berkunjung lagi sob :)


    #Semoga Sehat Selalu :)

    BalasHapus
    Balasan
    1. sama2 gan.. :)
      Amin.. Sehat selalu jg gan.

      Hapus

Setiap komentar sangat dihargai, namun karena keterbatasan waktu tidak dapat online setiap saat untuk me-reply komentar setiap orang. Komentar Spam (link aktif, o*at, p*rn*, j*di, dan sejenisnya) akan dimoderasi. Terima kasih atas perhatiannya dan Berkunjung kembali :)