Assalamualaikum
hohoho... Readerss. Tadi aku kan udah bikin link hover yang ada garis di sekeliling link itu. Sekarang aku mau kasih link yang ada backgroundnya. Makin keren nih tuto. Hehehe. Aku kan suka blogwalking gitu. Eh nemu yang kayak gini. Yaudah aku cari tutonya (jeh malah nyari. bukannya bikin sendiri). Namanya juga masih kecil dan masih belum ngerti yang namanya HTML jadinya gitu deh. yang jago bikin HTML itu temen aku. Tapi aku lagi ada di rumah sih jadinya gak bisa nanya sama dia.
Link hover ini agak sama kayak tadi. Yaudah deh aku kasih tuto aja yah. Gampang kok gak susah susah banget. Oke deh kalo udah gak sabar mending kita cekidot
Attention
tutorial bisa dipakai dimana saja
1. dashboard -> template -> edit HTML -> expand template widget
2. Cari kode dibawah ini dengan menekan CTRL + F atau F3
a:hover {
3. copy code di bawah ini
background: #F5A9D0;
border-radius:3px;
border-bottom: 2px #000000 solid ;
border-top: 2px #000000 solid ;
keterangan
Merah = warna background. Bisa diganti dengan gambar background caranya jadi background: url(URL GAMBAR);
Hijau = lengkungan border. Boleh diganti sesuka hati. Makin besar makin melengkung.
Biru = ketebalan garis
Ungu = warna garis
Pink = bisa diganti menjadi dotted, dashed, atau solid
Untuk kode warna bisa cari disini
4. kalo bisa di preview dulu.
5. Jika tidak ada kesalahan boleh di save
nah gampang kan? apa susahnya.. dan,,
don't forget credit.
credit if you want to re-tuto or use this tutorial in your blog.
thanks before
Tidak ada komentar:
Posting Komentar