Selamat sore sobat farid blog it 22 kali share pokus di tutorial blog dulu biar rame blog nya , ok langsung banyak cara agar tampilan postingan terlihat indah dan betah bagi bagi para pengunjung untuk kembali membaca hasil postingan kita salah satunya adalah engan memberikan effec effec tertentu salah satunya adalah dengan membuat "HOVER BOX SHADOW" seperti tampilan postingan ini yang saya buat oke salam farid blog it 22
Loggin ke blogger.com
masuk rancangan Edit HTML [jangan lupa download lengkap dulu template untuk menjaga bila terjadi kesalahan / tapi kalau sudah PD langsung aja zooooooooos he he he
Cari kode ]]></b:skin> dan letak kan kode di bawah ini tepat di atas kode]]></b:skin>
.boxshadow {
width: 300px;
margin: 20px;
border: 1px solid #ccc;
padding: 10px;
}
.boxshadow:hover {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
background-color none; border: 1px solid #F5F5DC;
height: auto; overflow: auto; padding: 5px; width: auto;
-webkit-box-shadow:
#ccc 0 2px 15px;-moz-box-shadow:
red 0 2px 10px;
Dan setiap kita akan melakukan postingan yang akan di beri effec hover box shadow gunakan kode seperti di bawah ini :
<div class="boxshadow"> isi postingan disini</div>
oke selamat mencoba dan tunggu ection ection karina selanjut nya yach ..janagn lupa jika artikel ini bermanfaat kasih komentar yach
0 Comments
