08 Disember 2011

Heading Tag Dengan Efek Bayang dan Mouse Hover

Tiada ulasan:
 
Snapshot



Cara Pemasangan

1.Log masuk ke blogger dashboard anda

2.Dekat Blogger Dashboard anda-->Klik Design --> Edit Html

3.Seterusnya cari kod ]]></b:skin>

Pastekan kod dibawah sebelum/diatas kod ]]></b:skin>


/*----Cool Heading Tag----*/


h3{
font-family:veranda !important;
font-style:italic !important;

}
.post h3 {
color:#666;
border-left:10px solid #666;
border-right:10px solid #666;
padding:3px 5px 3px 20px;
border-radius:15px;
-moz-border-radius:15px;
box-shadow:0px 0px 13px #666;
-webkit-box-shadow:0px 0px 13px #666;
-moz-box-shadow:0px 0px 13px #666;


}

.post h3:hover {
color:#FF133F;
border-left:10px solid #FF133F;
border-right:10px solid #FF133F;
box-shadow:0px 0px 13px #FF133F;
-webkit-box-shadow:0px 0px 13px #FF133F;
-moz-box-shadow:0px 0px 13px #FF133F;
}


Nota:
  • Buang sebarang kod dalam template yang kelihatan seperti .post h3
  • Kod hijau boleh ditukar


Cara Menggunakan Heading Tag Dalam Pos

  • Buat pos baru macam biasa
  • Gunakan kod ini bila korang nak letak headline:
<h3>Tulis Teks Headline Kat Sini</h3>

Tiada ulasan:

Catat Ulasan

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger