Cara Membuat Efek Link Jika Disentuh Mouse Pada Blog

Hay sobat semuanya yang masih bersama wahana informasi, pada pagi hari yang cerah ini saya akan menjelaskan beberapa hal tentang link blog, apakah sobat sudah tahu apa itu link? Link adalah sebuah tulisan yang dapat di klik, dan jika di klik akan mengarahkan kita ke halaman yang sudah di atur di sebuah link tersebut, nah jika punya blog sobat bisa memodifikasi link sobat di sini, saya akan memberikan link sobat dengan berbagai efek mulai dari, background link jika disentuh mouse, link efek kedap-kedip, link tulisan besar, link tulisan kapital (uppercase), link berwarna, dan masih banyak lagi, jika sobat mau mencoba tips saya ini silahkan langsung lihat tutorial saya di bawah ini

Cara memberi efek pada link di blog

  1. Buka blogger sobat
  2. Pilih template lalu klik edit HTML
  3. cari kode a:hover
  4. Letakkan beberapa (semuanya juga boleh) code efek di bawah ini sesudah tanda { dan sebelum tanda }
background: #27c787; [jika mau gambar bintang berkedap-kedip ganti #27c787 menjadi url("URL gambar bintang gif sobat") harus memakai tanda petik "]
text-decoration: underline; [link bergaris bawah]
text-transform: uppercase: [link menjadi huruf kapital]
font-size: 15px; [link menjadi huruf besar 15 pixel]
color: #000000; [link akan berwarna sesuai kode warna (contoh #000000 <hitam>)]
dan jika ingin tahu lagi silahkan saya komentar

    5. Selesai, save template dan lihat hasilnya

Tips blog yang lainnya akan saya update jika saya menemukan hal yang bagus yang dapat di edit, nah cara saya di atas memiliki tujuan utama yaitu untuk memperindah blog dan menarik simpati pengunjung, tapi kelemahan cara saya adalah memperlambat loading blog sekitar 0.2 - 1%, tapi sobat jangan khawatir karena hanya memperlambat loading max 1% saja, jadi tidak masalah bukan, nah jika sudah coba silahkan lihat artikel menarik selanjutnya yang akan saya share
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Show Parser Box