Bosan dengan tarikh2 posting yang ada di blog korang??Apakata korang tukarkannya dengan icon kalendar...so hari ini su ajar korang bagaimana tukarkannya menjadi icon kalendar spt berikut
1.Mula2login ke blog korang.
2.Klik di Settings----> Formatting
3.Ubah di "date header format" dan pilih format "mm.dd.yyyy" (4.16.2008). Kemudian Save.
4. Selepas itu pergi ke Layout -> Edit HTML. Sila tandakan / di Expand Widget Template anda.
5.Selepas itu cari kod:-
<TITLE><data:blog.pageTitle/></TITLE>
3.Letakkan kod berikut dibawah kod yang telah dicari tadi
<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://galeriazmas.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>
4.Kemudian cari pula kod:-
atau kod:-
h2.date-header {
margin:1.5em 0 .5em;
}
5
5.Jika korang dah jumpainya,masukkan script :-
.dateblock {
background: url("http://gantikan dgn url pic dimana korang simpan pic korang.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}
.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}
.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
6.Langkah seterusnya,korang cari kod:-
<data:post.dateHeader/>
kemudian gantikan dengan script dibawah:-
<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>
7.Dan yang terakhir sekali, save template korang
1.Mula2login ke blog korang.
2.Klik di Settings----> Formatting
3.Ubah di "date header format" dan pilih format "mm.dd.yyyy" (4.16.2008). Kemudian Save.
4. Selepas itu pergi ke Layout -> Edit HTML. Sila tandakan / di Expand Widget Template anda.
5.Selepas itu cari kod:-
<TITLE><data:blog.pageTitle/></TITLE>
3.Letakkan kod berikut dibawah kod yang telah dicari tadi
<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://galeriazmas.blogspot.com */
/*********************************/
function date_replace(date) {
var da = date.split('.');
var day = da[1], mon = da[0], year = da[2];
var month =
['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>");
}
//]]>
</SCRIPT>
4.Kemudian cari pula kod:-
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
atau kod:-
h2.date-header {
margin:1.5em 0 .5em;
}
5
5.Jika korang dah jumpainya,masukkan script :-
.dateblock {
background: url("http://gantikan dgn url pic dimana korang simpan pic korang.gif")
no-repeat;
width: 55px;
margin: 0;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0;
left: 0;*/
float: left;
text-align: center;
}
.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}
.day {
color:#3366CC;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
dibawahnya
6.Langkah seterusnya,korang cari kod:-
<data:post.dateHeader/>
kemudian gantikan dengan script dibawah:-
<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>
7.Dan yang terakhir sekali, save template korang
2 Teman-teman yang sudi komen:
salam sye da buat sampai langkah 4, pas2 xjupe kod dia lak.. adoii..xpe la cancel blik :(
Pa nyer posting lngsung xde tarikh n waktu..ahahaha...cane nak buat yer?hihi
Post a Comment