Cara Mengganti Warna Link di Blogspot

Mungkin temen-temen tidak menyukai warna link di blog temen-temen dan ingin mengubahnya. Supaya blog temen-temen sedap dipandang maka warna link juga perlu menyesuaikan warna tema blog temen-temen. Nah, berikut langkah-langkah cara mengganti warna link di blogspot.

1. Masuk/ Login ke Blogger dan masuk ke Rancangan, lalu pilih Edit HTML
2. Temukan kode berikut:

  linkcolor" description="Link Color"
             type="color" default="#58a" value="#25960F">
  linkhovercolor" description="Link Hover Color"
             type="color" default="#58a" value="#cc0000"> 

3. Perhatikan kode warna merah. linkcolor merupakan warna link dalam keadaan normal. Sedangkan
    linkhovercolor merupakan warna link ketika di mouseover, yaitu ketika mouse menunjuk suatu link.
    Untuk menggantinya, yang temen-temen ganti adalah kode warna hijau di atas. ( Nb: Untuk penamaan,
    linkhovercolor biasanya berbeda-beda antar templates. Temen-temen perhatikan saja description-nya) 

Jika temen-temen kesulitan mengkonversi warna menjadi kode hex, yang di awali #, temen-temen bisa memakai tool Hex Color Code Chart & Generator yang ada di Tutorial Blog ini.   


Ada satu cara lagi untuk mengganti warna link di blogspot, yaitu melalui kode CSS. Berikut langkah-langkahnya:
1. Kode untuk link pada CSS memakai kode a: 
    Untuk beberapa template kode a: ini bisa berbeda-beda ada yang untuk semua elemen link memakai kode
    a: yang sama, tetapi ada juga yang berbeda tiap elemen (haduu..bingung ya,,) Contoh : Warna link untuk
    menu navigasi berbeda dengan warna link pada label. 
2. Biasanya kode kode a: dikuti dengan kode a:link , a:hover , a:visited .
3. a:link  adalah untuk link normal. a:hover adalah untuk link ketika mouseover (ditunjuk mouse). a:visited  
    adalah untuk link yang sudah di-klik.
4. Untuk mengganti warna, yang temen-temen perlu ganti adalah atribut color pada kode a: tersebut. Contoh:
 
    a:link,a{

    color: #e5e3e3; 

    text-decoration: none

    }
    a:hover{ 

    color: #4c4b4b; 

    text-decoration: underline

    } 
    (Ganti kode yang bewarna merah)

Bagaimana tertarik untuk mecoba? Dicoba deh.....
Kalo ada yang kurang jelas bisa ditanyakan (jiahh,,,sok expert, hehe)

Facebook Twitter Google+ Linkedin Digg