cara buat hover box shadow otomatis


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

Comments
0 Comments

Terima Kasih Atas Kunjungannya dan Kesediaannya untuk Berkomentar pada Blog ini. Saya Sangat menghargai Setiap Komentar, Masukkan, Saran, dan Kritik sekiranya dapat Membangun Blog ini Agar Lebih Baik Lagi Kedepannya. Berkomentarlah sesuai dengan Isi Bahasan Artikel. Mohon dengan Sangat Kepada Sobat-sobat untuk tidak berkomentar berbau unsur:
- Sara
- No Spam !!! [banyak sobat berkomentar di blog ini yang dianggap Spam, jadi maaf jika ada pesan sobat yang tdk dibalas / tdk Muncul]
Terima Kasih atas Kunjungannya Sobat.