Membuat Link Membesar Saat Disentuh Cursor

Membuat Link Membesar Saat Disentuh Cursor - Ficri Pebriyana
Membuat Link Membesar Saat Disentuh Cursor - Membuat link membesar saat disentuh cursor atau kursor memang sangat mudah sekali, kita hanya perlu mengedit beberapa kode CSS setelah itu link akan bisa berubah menjadi besar saat diletakan mouse diatas link tersebut. Semua link yang ada pada blog bisa kita ubah menjadi membesar ketika disentus cursor atau kursor, tetapi bisa juga sebagian link yang ketika disentuh atau diletakkan cursor mouse diatasnya akan membesar, tergantung kita saat mengedit kode pada CSS, apakah semua kode CSS akan kita ubah atau hanya sebagian kode CSS saja yang akan kita ubah, mengenai CSS kode membuat link membesar ketika disentuh cursor ini sudah valid CSS3 jadi Anda tidak perlu kawatir.

Membuat link membesar ketika disentuh cursor akan membuat tampilan blog Anda lebih sedikit menarik dan cantik oleh karena itu blog Ficri Pebriyana akan memberikan tutorial membuat link membesar saat disentuh cursor, bagi sobat Blogger semuanya bisa mencoba tutorial ini. Oke langsung saja bagi Anda yang ingin membuat link menjadi besar saat disentuh cursor silahkan baca tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode a:hover { atau a:hover{
Contoh hasilnya seperti ini :
a:hover {
color:#0D7BDF;
font-size:12px;
text-decoration:none;
display:block;
}
4. Ganti kode diatas menjadi seperti ini :
a:hover {
color:#0D7BDF;
font-size:18px;
text-decoration:none;
display:block;
}
5. Klik Simpan Template

Catatan :
- Kode 18px bisa Anda ganti menjadi lebih besar atau lebih kecil lagi.
- Kode #0D7BDF untuk warna link, bisa Anda ganti disini Kode Warna.
- Jika ingin mengganti semua link agar membesar saat disentuh cursor, silahkan ganti semua kode a:hover dengan menambahkan nilai font-size.
- Jika tidak terdapat kode font-size pada a:hover silahkan tambahkan kode font-size:18px; pada bagian a:hover.

Cara Membuat Efek Membesar atau Zoom Pada Gambar
Cara Membuat Efek Gambar Berputar Zoom di Blog

Sekian artikel mengenai Membuat Link Membesar Saat Disentuh Cursor. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

28 Komentar untuk "Membuat Link Membesar Saat Disentuh Cursor"

  1. Lha maksut saya seperti ini bang , yang artikel blog saya tadi, jadi efek hover saat kita menyentuh objek css :)

    BalasHapus
    Balasan
    1. efek a:hover itu khusus untuk perubahan ketika cursor diletakan diatas anchor text :)

      Hapus
  2. Nice posting gan :)
    Ijin Simak postingan ~

    Kumpulan Cerita Dewasa Terbaru

    BalasHapus
  3. wah, mantap nih mas. jadi pengunjung blogg bisa dengan jelas membaca link yang kita sertakan dalam artikel. thanks mas ilmunya :)

    BalasHapus
    Balasan
    1. iya mas, biar bisa menarik perhatian pengunjung juga... :D

      Hapus
  4. Dlu waktu punya blog tutorial nih saya juga pernah share,skarang udah lupa,, tapi udah diingetin lagi ,, thanks ya mas

    BalasHapus
  5. ketemu juga nih caranya, temen nyari nyari cara kaya gini. thanks infonya ..
    salam blogwalking topieks.blogspot.com

    BalasHapus
  6. o jadu sebelum hover 12px terus :hover jadi 18px, kalau muter waktu hover gmana ya mas?

    BalasHapus
    Balasan
    1. itu hanya contoh mas, dalam blog kadang tidak harus 12px atau bahkan tidak ada kode font-size:12px pada bagian a:hover, kalau tidak ada kita tambahkan saja...
      kalau untuk muter nanti saya posting diartikel berikutnya :D

      Hapus
  7. ternyata mudah juga ya membuatnya.. makasih mas atas tutorialnya

    BalasHapus
  8. wahh bagus sekali nih pas banget buat para pemula ne....
    semangat sob.. buat artikel yang ginia... jadi blogger pemula bisa kesini |o|

    BalasHapus
  9. Makin keren, khususnya biar makin jelas gambarnya

    BalasHapus
    Balasan
    1. ini untuk link sob, kalau gambar beda lagi, nanti saya posting diartikel berikutnya.. :D

      Hapus
  10. Wah jadi terkesan lebih jelas dilihatnya dan dinamis jadinya keren nih.

    Saya coba-coba dulu kalau gitu

    BalasHapus
    Balasan
    1. iya mas, silahkan dicoba ya, semoga bermanfaat...

      Hapus
  11. Akhirnya Saya Nemuin Juga Caranya terima Kasih Sob !! :D

    BalasHapus
  12. thanks Sob,
    Sangat Bermanfaat ilmu nya :D

    BalasHapus
  13. script template yang anda maksudd ndak ada di template ane gan?

    BalasHapus

Jika Ingin Memasukan Kode Script (CSS, HTML, JavaScript) Silahkan Gunakan Kode Dibawah ini :

1. Untuk Menyisipkan Kode Panjang Gunakan <i rel="pre">Kode Disini</i>
2. Untuk Menyisipkan Kode Pendek Gunakan <i rel="code">Kode Disini</i>
3. Untuk Menyisipkan Quote Gunakan <b rel="quote">Catatan Anda</b>
4. Untuk Menyisipkan Gambar Gunakan <i rel="image">URL Gambar</i>
5. Untuk Menyisipkan Video Gunakan <i rel="youtube">URL Video Youtube</i>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel