Bagian CSS yang memberi hukum pada link ada 4 jenis:
1. a : penampilan dasar sebuah link
2. a:hover: penampilan link dikala mouse berada di atas link (mouse hovering)
3. a:visited: penampilan link setelah di-click atau dikala halaman link tersebut sudah dibuka.
4. a:active: penampilan link dikala di-click ( dikala halaman gres belum terbuka secara sempurna)
Sedangkan style text CSS memiliki beberapa jenis:
1. color: warna link, valuenya berupa warna hexadesimal, RGB, maupun color name.
2. Text decoration: dekorasi pada link, berupa underline (garis bawah, ini bawaan secara default), none (tanpa hiasan), overline (garis di atas) dan blink (berkedip)
3. Font-size: ukuran teks, lazimnya dalam pixel (px), em, persen (%), dll.
4. dan masih banyak lagi jenis text-style yang lainnya, kawan nantinya silahkan mempelajari sendiri cara-cara memodifikasi penampilan teks dengan CSS.
Nah, setelah mengenali beberapa properti style CSS pada link, untuk merubah penampilan default link pada blog, silahkan lihat pada template Blogger/Blogspot kawan (lihat lewat edit HTML), kemudian cari hukum CSS yang mengontrol link, yakni a, a hover, .... dan seterusnya.
Clue: hukum CSS terletak di antara <b:skin><![CDATA[ dan ]]></b:skin>, hukum link berada di bab awal, lazimnya setelah variable dan setelah body {...}
Contoh aturannya seumpama ini (namun tidak sama persis tergantung hukum CSS teks-nya):
a {color: #1C4991; text-decoration: none;}
a:hover {color: #f2984c; text-decoration: underline;}
a:visited {color: 1C4991; text-decoration:none;}
Pada bab berwarna biru itulah kawan sanggup memodifikasi penampilan link, baik penampilan permulaan link (a), dikala mouse di-hover di atas link (a:hover), dan dikala link sudah di klik/dikunjungi (a:visited). Ingat, penampilan dasar link senantiasa bergaris bawah, maka untuk menghilangkan garis bawah (underline) link pada penampilan link dasar maupun dikala di-hover, mesti disertakan text-decoration: none. Sedangkan untuk warna, kawan sanggup pula merubah value warna di link di tempate kawan dengan merubah arahan di belakang color: dengan arahan warna lain yang diinginkan. Untuk mengenali kode-kode warna, gunakan Hex Color Code Chart Generator.
Jika ingin menyertakan hukum link lain yang belum ada di template sobat, misalnya belum ada a:hover, maka tinggal disertakan saja, dengan catatan urutannya mesti seumpama ini:
1. a {aturan css text styling}
2. a:hover {aturan css text styling}
3. a:visited {aturan css text styling}
4. a:active {aturan css text styling}
Keempatnya mesti memiliki unrutan seumpama itu, jadi dihentikan terbalik-balik, kecuali jikalau salah satunya tidak ada, boleh eksklusif melompat ke hukum link lain.
Jika ingin merubah penampilan link secara perorangan dan berlainan dari hukum default link yang mengikuti hukum template, kawan sanggup eksklusif memasukkan perintah CSS text-style ke dalam link yang ingin diberi penampilan berlainan (style="....."), misalnya:
<a href="http://buka rahasia.blogspot .com" style="color:#FF9900;text-decoration:blink;font-size:24px">tips-tricks blogger</a>
Maka kesannya akan seumpama ini:
(Note: Penggunaan text decoration berjenis blink di atas hanyalah untuk contoh, amati betul-betul penggunaan text decoration seumpama ini alasannya yakni sanggup menghasilkan mata letih dan sakit. Ga percaya? Silahkan dilihat terus link di atas dalam waktu 2 atau 3 menit. Hehe... Padu padankan warna, ukuran, serta urgensi/kepentingan penggunaannya sehingga betul-betul pas dan tidak berlebihan).
Nah, kini jikalau kawan ingin mengutak-atik penampilan link blog silahkan dicoba dengan memperhatikan aturan-aturan CSS dan cara di atas. Yang penting, utak-atik, coba terus, berguru dan belajar! Good luck!
mencuri yakni pekerjaan pengecut! © buka-rahasia.blogspot.com
Nah, kini jikalau kawan ingin mengutak-atik penampilan link blog silahkan dicoba dengan memperhatikan aturan-aturan CSS dan cara di atas. Yang penting, utak-atik, coba terus, berguru dan belajar! Good luck!
mencuri yakni pekerjaan pengecut! © buka-rahasia.blogspot.com
