Cara membuat menu hover untuk posting
Demonya bisa dilihat disini
- Cara membuatnya :
- Login blogger
- Rancangan, Edit Html, Cari kode ]]></b:skin>
- Dan Simpan kode berikut diatasnya :
.menuhv {
background: #000;
box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
-moz-box-shadow: 2px 2px 4px #000;
border: 1px solid #ccc;
-moz-border-radius:8px;
-webkit-border-radius:8px;width: 500px;margin: 10px 10px 10px 10px;
padding: 10px;
}
.menuhv:hover{
background: #ff0;
box-shadow: 2px 2px 4px #ccc;
-webkit-box-shadow: 2px 2px 4px #ccc;
-moz-box-shadow: 2px 2px 4px #ccc;
border: 1px solid #ccc;
color: #000;
}
background: #000;
box-shadow: 2px 2px 4px #000;
-webkit-box-shadow: 2px 2px 4px #000;
-moz-box-shadow: 2px 2px 4px #000;
border: 1px solid #ccc;
-moz-border-radius:8px;
-webkit-border-radius:8px;width: 500px;margin: 10px 10px 10px 10px;
padding: 10px;
}
.menuhv:hover{
background: #ff0;
box-shadow: 2px 2px 4px #ccc;
-webkit-box-shadow: 2px 2px 4px #ccc;
-moz-box-shadow: 2px 2px 4px #ccc;
border: 1px solid #ccc;
color: #000;
}
Kode Css nya ganti silahkan ganti sesuai kebutuhan.....
Untuk memanggilnya, masuk ke edit html Postingan kawan, dan simpan kode berikut :
<p class="menuhv">Masukkan teks atau lainnya disini</p>
Show
0 Comments
prev
next
