MERUBAH WARNA LINK PADA BLOGSPOT




Pada posting yang sebelumnya saya pernah membahas bagaimana cara menghilangkan garis di bawah link. Hubungan dengan posting kali ini adalah sama-sama mengenai sebuah link, yaitu tentang bagaimana cara merubah warna link Karena kode untuk merubah warna link letaknya sama dengan menghilangkan garis di bawah link, maka cara yang kita gunakanpun hampir sama. Untuk bernostalgia maka kita ulang lagi bagaimana caranya:
  • Masuk ke blog sobat
  • Klik tata letak
  • Pilih edit HTML
  • Cari kode yang hampir mirip di bawah ini:
    a:link {
    color:#0000cc;
    text-decoration: underline;
    }
    a:hover {
    color:#ff0000;
    text-decoration: underline;
    }
    a:visited {
    color:#006600;
    text-decoration: underline;
    }
Jika sebelumnya menghilangkan garis di bawah link kita merubah underline menjadi none, maka untuk merubah warna link di blogspot kita tinggal merubah kode warna yang di cetak biru di atas.
  • Jika sudah selesai mengganti jangn lupa Simpan perubahan
Sedikit keterangan:
    a:link {
    color:#0000cc;
    text-decoration: underline;
    }
    Link ini akan berwarna biru.

    a:hover {
    color:#ff0000;
    text-decoration: underline;
    }
    Jika mouse kita arahkan pada link maka akan berubah menjadi warna merah.

    a:visited {
    color:#006600;
    text-decoration: underline;
    }
    Jika link selesai diklik pengunjung maka link akan berubah menjadi hijau.

Semoga bermanfaat.

23 komentar:

  1. sob..

    kok di blogku yg BLOGNYA ANAK GAPTEK ,kalo aku ubah warna link "visited" tetap gak ngaruh ya..??

    tetap aja warnanya hitam.??

    itu kenapa ya??
    mungkin sobat bisa bantu aku....

    o iya salam kenal yaa....

    BalasHapus
  2. alhamdulillah berhasil sahabat...

    BalasHapus
  3. makasih infonya, sudah saya coba

    BalasHapus
  4. Anonim1:25 AM

    Terima kasih sobat, sy berhasil menerapkannya.

    BalasHapus
  5. Trims infornya sob.. bermanfaat knususnya buat newbie :)

    BalasHapus
  6. Wah bener..q nyoba ilangin garis di link teryata berhasil maksih om..

    BalasHapus
  7. thanks infonya gan, sangat bermanfaat nih..

    BalasHapus
  8. Hatur tengkyu gan tutornya..

    BalasHapus
  9. Makasih mas akhirnya ketemu nie cara
    salam kenal mas ya...

    BalasHapus
  10. Wuih sukses mas makasih.

    BalasHapus
  11. wuih, pusing carinya gan...
    tapi thanks postinganya gan :)

    BalasHapus
  12. Terimakasih banyak mas sudah sharing tutorialnya. Its Works :)

    BalasHapus
  13. Di template saya, tak cari kodenya gak nemu2, pusiing...

    BalasHapus
  14. wah artikel dan latar blgnya menarik sekali

    BalasHapus
  15. mantap bos infonya,.. terima kasih

    BalasHapus
  16. Sangat membantu blog saya mas! Thanks yaaa....!!!

    BalasHapus
  17. Terima kasih... akhirnya ketemu juga script ini..

    BalasHapus
  18. Anonim6:48 AM

    thanks bantuannya kak...kebetulan lagi belajar nih

    BalasHapus
  19. Anonim10:57 AM

    thanks gan,ini blognya bagus banget simple dan menarik pengen kaya gini.haha

    BalasHapus
  20. Terimakasih, berhasil di blog saya, kirain bakal gagal soalnya ini artikel lama yah hhehe

    Nyarinyari ke di google ga ada yg sreg dan berhasil cuma disini yg berhasil, mantap pisan nuhunn

    BalasHapus