Pada Tips Mempercantik Blog kali ini saya akan menjelaskan tentang Link yg mengeluarkan Bintang.
Pertama saya akan menjelaskan apa itu link yg mengeluarkan bintang?
link yg mengeluarkan bintang ialah Link yg mengeluarkan bintang Pada saat mouse mengarahkan ke link tersebut..
Sebagai Contoh : coba Sobat arahkan mouse Sobat ke link yg ada di Blog saya....
Sobat ingin Membuat Link Di sorot mengeluarkan bintang Seperti di atas itu..Mudah kok!
Sobat Hanya Menambahkan Salah satu url image dibawah ini atau menyisipkan kode Dibawah ini tepat Disamping kode a:hover {
1.Bintang Pink
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqbIJiEsiL0tnc7oLChUEOuSo2YDLO5iMn2Gs663OnNjyT8g84Q8sfpcYo88JT9v6siUnpZVBIXukrTrnuLtESf_T1L97cb9v05KQ0xdGaMcli2-aLRkThHCZe3xgvdTC1GVd3SUYa3Ix/);
Pertama saya akan menjelaskan apa itu link yg mengeluarkan bintang?
link yg mengeluarkan bintang ialah Link yg mengeluarkan bintang Pada saat mouse mengarahkan ke link tersebut..
Sebagai Contoh : coba Sobat arahkan mouse Sobat ke link yg ada di Blog saya....
Sobat ingin Membuat Link Di sorot mengeluarkan bintang Seperti di atas itu..Mudah kok!
Sobat Hanya Menambahkan Salah satu url image dibawah ini atau menyisipkan kode Dibawah ini tepat Disamping kode a:hover {
1.Bintang Pink
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqbIJiEsiL0tnc7oLChUEOuSo2YDLO5iMn2Gs663OnNjyT8g84Q8sfpcYo88JT9v6siUnpZVBIXukrTrnuLtESf_T1L97cb9v05KQ0xdGaMcli2-aLRkThHCZe3xgvdTC1GVd3SUYa3Ix/);
2.Bintang Kuning
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ZbN8BN0SyPq5HqeZn0GPGq-2ulEPzgE1lS4tj5Z5SpoK6jztJnCeYTPDXFZvGS7LvGdStY1YtswTi_ZbHkFbY0UyIpup-aQK7-i_PF7Px9i6JOaJqfayODOz5O3yC6AHUvdwTMOpPKrn/);
3. background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Db-AN_-y-OEUhbaSb4m8yeIhVEGgRb-l0Ir0xmSMqR7TQx79BFJNO3ElAOinA_PrgnEohsMO4TiTew3AzRNgruxU5GlMQ1Q-3BGZH6B6ntq5GBI3XcMp66GeLsF6Cwh64DGGdTfiEQD4/);
Masih Belum Mengerti Cara Menmbahkannya....Mari ikuti Langkah Sbgb:
1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover { tapi yg berdekatan dengan a:link{ atau berdekatan dengan a:visited{
6.Copy Paste Kode Diatas Disamping Kode a:hover { yg berdekatan dengan a:link{ atau berdekatan dengana:visited{
Contoh: a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqbIJiEsiL0tnc7oLChUEOuSo2YDLO5iMn2Gs663OnNjyT8g84Q8sfpcYo88JT9v6siUnpZVBIXukrTrnuLtESf_T1L97cb9v05KQ0xdGaMcli2-aLRkThHCZe3xgvdTC1GVd3SUYa3Ix/);}
7.Simpan Template..
Tidak ada komentar:
Posting Komentar