Skip to content Skip to sidebar Skip to footer

Membuat border dan background pada link

Membuat border dan background pada link

Kalau melihat judul di entri aku ini membuat border dan background pada link maksudnya adalah seperti gambar di atas yang aku tandai sengan anak panah. Apabila link yang ada di blog disentuh cursor akan ada border dan background tekan itu contohnya coba tekan setiap link yang ada disitu. Cara membuatnya sebagai berikut:

1.Dashboard > Tempalte > edit HTML
2.Tick Expand Template Widget dan tekan F3 cari kode:
a:hover {  (paling atas)

hapus dulu kalau di bawah kode a:hover { ada kode berikut (contoh):
color:#000000;text-decoration: underline;}
3.Letakkan kode berikut ini tepat di bawah kode tadi:
color: #000000;
border:1px solid;color: #000000;padding:2px;background: #FF9797;border-top-left-radius:10px;border-bottom-right-radius:10px;
}

Yang aku tandai warna pink itu kode warnanya boleh diganti sesuai keinginan dan yang aku tandai dengan warna merah itu adalah ketebalan border dan jenis border boleh ditukar 2px, dotted, dashed, etc. Kalau ingin memilih jenis/contoh border bisa lihat disini CONTOH-CONTOH JENIS BORDER BLOG.

4.Tekan pratinjau dulu baru simpan template.

Post a Comment for "Membuat border dan background pada link "