Cari Artikel Blog Ini

Total Tayangan Laman

MENGATUR PENAMPILAN LINK

Sebuah link yang tampil pada blog akan lebih menarik kalau kita mengubah sedikit penampilannya. Salah satu cara untuk mengatur penampilan link, dapat anda lihat pada : MENGHILANGKAN GARIS BAWAH LINK. Silahkan anda simak cara mengeditnya.
Satu lagi cara menampilkan link agar berbeda dari biasanya, yaitu mengubah penampilan ketika kursor berada diatasnya. Ikuti langkah-langkahnya.
  • Masuk ke Blogger.
  • Pilih Tata letak.
  • Pilih Elemen Halaman.
  • Pilih Edit HTML.
  • Cari kode untuk link seperti dibawah ini :

    a:link {
    color:$linkcolor;
    text-decoration:none;
    }
    a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }
    a:hover {
    color:$titlecolor;
    text-decoration:underline;
    }
  • Ubahlah kode link tersebut pada bagian a:hover { misalnya seperti dibawah ini :

    a:link {
    color:$linkcolor;
    font-size:12px;
    cursor:default;
    }
    a:visited {
    font-size:12px;
    color:$visitedlinkcolor;
    text-decoration:none;
    }
    a:hover {
    font-family :georgia;
    color:#d2691e;
    font-size:14px;
    font-style:italic;
    cursor:wait;
    }
  • Perhatikan perubahan kode yang berwarna, silahkan anda edit untuk tampilan yang berbeda
  • Simpan template

Keterangan :
  1. font-size:12px; pada bagian a:link dapat anda tambahkan atau tidak bukan satu masalah.
  2. cursor:default; kata default bisa anda ganti dengan wait.
  3. font-size:12px; pada a:visited (link yang dikunjungi) bisa ditambahkan, juga boleh tidak ditambahkan.
  4. font-family :georgia; pada a:hover dapat anda ganti dengan jenis font lainnya seperti : arial, verdana, times ,trebuchet atau courier.
  5. color:#d2691e; : kode warna dapat anda ganti dengan jode warna kesukaan anda.
  6. font-style:italic; : kata italic dapat anda ganti dengan bold, underline atau variasi dari istilah font style itu.
  7. cursor:wait; : kata wait dapat anda ganti dengan default

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
4 Comments

4 komentar :

Mas Doyok mengatakan...

siip mas

phonevaganza mengatakan...

Perlu dicoba nih...

Blog GABUS mengatakan...

sip-sip...
Bagus...

Fauzan NR [ fhom.blogspot.com ]

belajar seo mengatakan...

wah banyak yang bagus di sini uy...

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!