Memberi Style Pada Link


Assalamu’alaikum wr. Wb
Untuk kali ini, akan dibahas mengenai Tips Ngeblog Blogspot yaitu, style for link atau gaya untuk link. Biasanaya jika anda surfing dalam suatu blog atau web, jika anda mengarahkan pointer anda pada sebuah kata yang mengandung link di dalamnya, maka akan tampaklah gaya atau tulisan itu akan berubah. Sehingga hal ini juga akan mempercantik tampilan tersebut. Fashion Blog.




Caranya seperti ini:
1.Basmallah terlebih dahulu
2.Masuk kedalam blog anda (log-in)
3.Menuju ke kode HTML blog anda.
4.Sebelumnya back up dahulu template bloganda. Mengantisipasi jika terjadi kesalahan.
5.Masukkan kode ini, di bawah kode <head>
<style type ="text/CSS">
body {font-family: verdana; font-size: 12 px}
a{color:red; text-decoration: none}
a:hover{color:green; background-color:white; font-weight:bolder}
</style>
Untuk body {font-family: verdana; font-size: 12 px}
Mencakup keseluruhan bentuk font dari blog.

Untuk a{color:red; text-decoration: none}
Mencakup keseluruhan bentuk font dari kata yang mengandung link

Untuk a:hover{color:green; background-color:white; font-weight:bolder}
Gaya dari keseluruhan kata yang mengandung link, jika ponter berada tepat di atas link tersebut.
Color = untuk warna font
Background-color= untuk warna background font jika pointer berada tepat di atas link
6.Setelah itu simpan template anda, dan lihat hasilnya. InsyaAllah memuaskan.

Sebenarnya masih banyak lagi style2 seperti ini, dan insyaAllah akan saya postingkan lain waktu. Trimakasih atas kunjungannya.




Share this

Related Posts

Previous
Next Post »