Heading Tag Dengan Efek Bayang dan Mouse Hover
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:
Cara Menggunakan Heading Tag Dalam Pos
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:
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.