Hallo Sobat Mafia Hacker, Kali Ini saya akan memposting tentang Cara Membuat Teks Link Dengan Icon. Hmm , Menurut Agan Kalo Link dengan Icon bakal gimana ya?
Pasti kata agan jadi Jelek , Dan ada juga yang bilang Bagus. Benar Toh?
Hahaha , Admin Yandi sok tau banget ya , oh ya perkenalkan saya admin Yandi Mulyadi atau Saya biasa dipanggil di Blogger adalah Admin Hazhama MafiaWare - sedikit tentang saya, nama itu saya ambil dari mana sih? Hazhama itu nama karakter Jepang yang saya Sukai karena dulu saya punya game nama nya Game Hama , Dan Haz itu perombakan nama dari Az. dan MafiaWare itu Mafia = Karena Saya Senang Dengan Gambar-Gambar Mafia maka saya beri nama Mafia. Untuk nama Ware itu saya Pilih Asal-Asalan. Hahaha , Menarik ya?
Cukup sudah Perkenalannya. saya akan membahas tentang sebelumnya Cara Membuat Text Link Dengan Icon.
Coba agan Liat Atau Intip Ke Link Ini - DEMO -
Screen Shot :
Caranya Cukup Mudah Agan Tinggal Mencari Kode post-body a bila tidak ada agan Cari Kode a:hover {
Lalu Pasang Kode Dibawah Ini Didalam Tag a:hover {
padding-right:18px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9rzGY0kS4vm4DHfzUiuyvI0K0GeY-Os-brnaXgJXED9V7UEcgxe5kX6_GESQCpObMrOBd0FHgCSsH3w137G-TdUdpSwpcc7sufKEcMDrulhCVJsRqHTxp1iWf5VF5OYgMdBEooDLr8Aan/s1600/link.png) no-repeat center right;
}
.separator a{ background:none;}
}
Kode yang saya beri Warna Orange bisa agan Hapus Atau Bisa juga agan pakai.
Kalo Belum Mengerti Silahkan Lihat Kode berikut Ini :
a:hover {
padding-right:18px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9rzGY0kS4vm4DHfzUiuyvI0K0GeY-Os-brnaXgJXED9V7UEcgxe5kX6_GESQCpObMrOBd0FHgCSsH3w137G-TdUdpSwpcc7sufKEcMDrulhCVJsRqHTxp1iWf5VF5OYgMdBEooDLr8Aan/s1600/link.png) no-repeat center right;
}
.separator a{ background:none;}
}
#NB : Untuk Kode Yang Saya Beri Warna Biru. Bisa agan ganti dengan Gambar Link Kesukaan Agan.
Salam Setia Sobat Mafia Hacker.
Selamat Mencoba Dan Semoga Bermanfaat :)
