20 March 2010
Stailkan Dropcap
hak milik
Sue
Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Stailkan Dropcaps iaitu menmbah kotak dan background kedalamnya . Korang leh gak gunakan dropcaps yang biasa di sini -->
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
]]></b:skin>
4. Copy kod dibawah ini .
.dropcaps {
border: 3px solid #000000;
background: #F9B7FF none repeat scroll 0% 0%; margin-right: 6px; margin-top: 5px;
float: left; color: #cccc00;
-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
font-size: 70px; line-height: 60px; padding-top: 2px;
padding-right: 5px; font-family:"Chiller"; }
Note: Pada highlight korang tukarkan yang bersesuaian .
5. Pastekan diatasnya
6. Preview dan Save template .
7. Klik Setting - Formatting
8. Cari Post Template
9. Copy kod dibawah ini .
<span class="dropcaps">HURUF PERTAMA</span>
10. Pastekan kedalamnya.
11. Save Setting
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
]]></b:skin>
4. Copy kod dibawah ini .
.dropcaps {
border: 3px solid #000000;
background: #F9B7FF none repeat scroll 0% 0%; margin-right: 6px; margin-top: 5px;
float: left; color: #cccc00;
-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
font-size: 70px; line-height: 60px; padding-top: 2px;
padding-right: 5px; font-family:"Chiller"; }
Note: Pada highlight korang tukarkan yang bersesuaian .
5. Pastekan diatasnya
6. Preview dan Save template .
7. Klik Setting - Formatting
8. Cari Post Template
9. Copy kod dibawah ini .
<span class="dropcaps">HURUF PERTAMA</span>
10. Pastekan kedalamnya.
11. Save Setting
