Mungkin dengan melihat gambar diatas Sobat udah pada tahu ye...
Begini Sobat Bagaimana sih caranya membuat Link diblog berada dalam kotakan dan dengan background bila di Cursor ???...
Nah ini jawabannya Silahkan dipilih....
Nah ini jawabannya Silahkan dipilih....
- Login keakun Blog Sobat masing-masing
- Klik Rancangan Seperti biasa pilih Edit HTML
- Untuk Semua Link Cari kode a:hover {
- Kemudian tambahkan kode berikut tepat dibawahnya
-moz-border-radius: 5px 5px 5px 5px; border: 4px double #FF0000; background: #61380B; padding:2px 2px 2px 2px;
Penulisannya seperti ini
a:hover {-moz-border-radius: 5px 5px 5px 5px; border: 4px double #FF0000; background: #61380B; padding:2px 2px 2px 2px;
- Untuk Judul Postingnya Saja seperti gambar ini
- Cari Kode h3.post-title a:hover {
- Lalu tambahkan kodenya tadi
Penulisannya seperti ini
h3.post-title a:hover {-moz-border-radius: 5px 5px 5px 5px; border: 4px double #FF0000; background: #61380B; padding:2px 2px 2px 2px;
- Untuk Link disidebar saja Seperti gambar
- Cari kode .sidebar .widget a:hover {
- Masih sama juga tambahkan kodennya
Penulisannya Seperti ini
.sidebar .widget a:hover {-moz-border-radius: 5px 5px 5px 5px; border: 4px double #FF0000; background: #61380B; padding:2px 2px 2px 2px;
Misalnya saja Sobat pengen menambahkan efek lagi seperti miring atau bertambah besar , tambahkan lagi kode berikut
Miring kekanan
transform:rotate(2deg); -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg);
miring kekiri
transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg);
menjadi besar
font-size: 15px;
- Sebelum Sobat simpan , sebaiknya Klik Preview dulu untuk melihat perubahannya
Silahkan rubah kode warna background dan bordernya biar tampil beda Kode warna disini Sobat Selamat mencoba semoga bisa bermanfaat
Posted On : 16 Oktober 2011 Time : 21.57
