Langkah yang pertama yang harus anda lakukan yaitu mengganti setting tanggalnya dulu, caranya anda login dulu ke blog anda, kemudian klik " setelan ", lalu klik " format ", kemudian cari kata " Format Header Tanggal " pilih yang formatnya " bulan.tanggal.tahun contohnya 1.29.2012 atau 1/29/2012, terus klik simpan setelan.
langkah yang kedua pilih menu rancangan, lalu klik Edit HTML, kemudian centang pada kotak kecil disebelah tulisan " Expand Widget Template ". jangan lupa di backup dulu template anda.
1. cari kode seperti dibawah ini
<TITLE><data:blog.pageTitle/></TITLE>
jika sudah ketemu, copy script di bawah ini dan paste kan persis di bawah kode tadi
<SCRIPT type='text/javascript'>
//<![CDATA[
/*********************************/
/* http://gantatriplex.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>
2. kemudian cari kode seperti dibawah ini
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
jika anda tidak menemukannya, coba cari yang seperti dibawah ini
h2.date-header {
margin:1.5em 0 .5em;
}
3. jika anda sudah menemukannya, langkah selanjutnya adalah anda copy script di bawah ini dan paste kan di bawah kode tersebut
.dateblock {
background: url("http://kendhin.890m.com/kalender/bluecalend.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;
}
keterangan :
yang berwarna merah itu adalah kode warna gambar, anda bisa menggantinya dengan kode-kode gambar yang lain di bawah ini
yang warna biru adalah kode warna untuk tanggal, jika anda ingin merubahnya, anda bisa lihat kode-kode warna DISINI
4. langkah berikutnya adalah anda cari kode seperti di bawah ini
<data:post.dateHeader/>
ganti kode tersebut dengan script di bawah ini
<DIV class='dateblock'>
<SCRIPT>date_replace('<data:post.dateHeader/>');</SCRIPT></DIV>
5. kemudian klik " simpan template "
keterangan :
jika tulisan bulan dan tanggalnya terlalu ke atas, coba copy dan paste kode di bawah ini
padding: 4px 0px 0px 0px;
tepat di bawah kode
.month {
dan juga dibawah kode
.day {
jika tidak berhasil, anda bisa ulang kembali prosesnya dari awal, kenapa tidak berhasil ? itu mungkin karena ada beberapa kesalahan yang anda lakukan.
Tidak ada komentar:
Posting Komentar
Terimakasih saya ucapkan..
karena anda telah memberikan komenter pada artikel ini..
gabung dengan saya di facebook.com >> http://www.facebook.com/ganta.a.tasya
gabung dengan saya di twitter.com >> http://twitter.com/GantaArgaTasya
gabung dengan saya di blorner.com >> http://blorner.com/GATOT12/
gabung dengan saya di Google+.com >> http://plus.google.com/111785983690816699275/posts
gabung dengan saya di digg.com >> http://digg.com/gatots
gabung dengan saya di bloggers.com >> http://bloggers.com/GATOT12
gabung dengan saya di planet-blog.com >> http://www.planet-blog.com/user/6855