Sorry postingan ini memang sudah lama mau kian buat hanya saja banyak sekali kendala yang kian hadapi mungkin juga bukan sekarang waktu yang tepat abis capek bgt nih..pulang kerja..
sperti judul yang kian buat kali ini kita akan membahas tentang cara membuat "tanggal postingan Animasi", yang sedikit mengadopsi pola kode javascript..
Ok untuk memulainya kamu set terlebih dahulu settingan tanggal blog kamu kedalam format "dd.mm.yyyy" atau "hari.bulan.tahun /07.07.2009" contohnya. Nah kalau sudah selesai hal yang harus kamu lakukan adalah tinggal buka menu "Layouts" kemudian pilih "Edit HTML"..
Selanjutnya cari kode berikut <title><data:blog.pageTitle/></title> dan letakkan kode dibawah ini tepat diatas kode yang tadi :
, kode ini merupakan kode untuk gambar kalendernya. kamu bisa merubahnya dengan gambar dan pola warna yang kamu sukai dengan memilih pada gambar-gambar dibawah ini :
dengan cara merubah nama warnanya, contoh pada kata "redcalend.gif", kata "red" pada kata "redcalend.gif"
menunjukkan warna merah, jadi kamu bisa menggantinya dengan warna yang kamu inginkan,seperti :"green untuk hijau, black untuk hitam, dll"
selanjutnya kamu tinggal mencari kode berikut : <data:post.dateHeader/> dan ganti dengan kode dibawah ini :
nb: jika tulisan bulan dan tanggalnya terlalu keatas atau kebawah kamu tinggal tambahkan kode berikut : padding: 4px 0px 0px 0px; diantara kode .month{ dan kode .day{
sperti judul yang kian buat kali ini kita akan membahas tentang cara membuat "tanggal postingan Animasi", yang sedikit mengadopsi pola kode javascript..
Ok untuk memulainya kamu set terlebih dahulu settingan tanggal blog kamu kedalam format "dd.mm.yyyy" atau "hari.bulan.tahun /07.07.2009" contohnya. Nah kalau sudah selesai hal yang harus kamu lakukan adalah tinggal buka menu "Layouts" kemudian pilih "Edit HTML"..
Selanjutnya cari kode berikut <title><data:blog.pageTitle/></title> dan letakkan kode dibawah ini tepat diatas kode yang tadi :
<SCRIPT type='text/javascript'>selanjutnya cari lagi kode berikut :
//<![CDATA[
/*********************************/
/* http://kianhome.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>
.date-header {ganti kode diatas dengan kode berikut :
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.dateblock {perhatikan kode : http://kendhin.890m.com/kalender/redcalend.gif
background: url("http://kendhin.890m.com/kalender/redcalend.gif")
no-repeat;
width: 55px;
padding:0px 0px 10px 0px;
margin: 0 ;
font-weight: bold;
height: 50px;
/*position: absolute;
top: 0px;
left: 0;*/
float: right;
text-align: center;
}
.month {
font-size: 11px;
width: 37px;
margin: 0 5px;
text-transform: uppercase;
color: #fff;
}
.day {
color:#d53030;
font-size: 19px;
width: 37px;
margin: 0 5px;
}
, kode ini merupakan kode untuk gambar kalendernya. kamu bisa merubahnya dengan gambar dan pola warna yang kamu sukai dengan memilih pada gambar-gambar dibawah ini :
dengan cara merubah nama warnanya, contoh pada kata "redcalend.gif", kata "red" pada kata "redcalend.gif"
menunjukkan warna merah, jadi kamu bisa menggantinya dengan warna yang kamu inginkan,seperti :"green untuk hijau, black untuk hitam, dll"
selanjutnya kamu tinggal mencari kode berikut : <data:post.dateHeader/> dan ganti dengan kode dibawah ini :
<div class='dateblock'>kemudian simpan deh...
<SCRIPT>date_replace('<data:post.dateHeader/>');
</SCRIPT></div>
nb: jika tulisan bulan dan tanggalnya terlalu keatas atau kebawah kamu tinggal tambahkan kode berikut : padding: 4px 0px 0px 0px; diantara kode .month{ dan kode .day{
mampir donk...!!!! ...Replay
mantab sob, tak cobane ...Replay
mampir n salam kenal. ...Replay