Cara merubah tanggalan posting berbentuk kalender

14:19
setelah aq browsing akhirnya aq menemukan cara nya merubah tanggalan posting berbentuk kalender. oce kita kembali ke tujuan kita yaitu merubah tanggalan posting berbentuk kalender.

cara nya sebagai berikut :
1. login ke akun blogspot.com  -> buka template->edit html->lanjutkan->KLIK "Expan Widget Templates".
2. cari kode ]]></b:skin> kemudian copy kode JAVASCRIPT ini tepat di bawah nya :




<script type='text/javascript'>
//<![CDATA[
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>
3. cari kode ]]></b:skin>  ini lagi kemudian copy KODE CSS tepat di atas nya :
h2.date-header{
      margin:1.5em .5em 0.5em;
}
.kalender{
      background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/bgGreenCalendarAnima.gif) no-repeat;
      width:44px;
      margin:20px 10px 0 8px;
      float:left;
      font-weight:bold;
      height:52px;
      text-align:center;
      border:1px solid #777;
      border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
      opacity:0.8;
     -o-transition:all ease-in 1s;
     -moz-transition:all ease-in 1s;
     -webkit-transition:all ease-in 1s;
      filter:alpha(opacity=80);
      padding:1px;
}
.kalender:hover{
      filter:alpha(opacity=100);
      opacity:1.0;
      border-color:red;
}
.month{
      font-size:10px;
      width:33px;
      margin:3px 2px 0 6px;
      text-transform:uppercase; 
      color:#4d010a;
      padding: 2px 0px 0px 0px;
}
.day{
      color:#555;
      font-size:27px;
      width:44px;
      margin:0;padding:0;
}
4. pada langkah yang terakhir cara kode ini <data:post.dateHeader/> kemudian ganti dengan kode xHTML di bawah ini :
<div class='kalender'>
<script type='text/javascript'>
date_replace(&#39;<data:post.dateHeader/>&#39;);
</script>
</div>
5. setelah semua langkah di atas selesai kita tinggal mengedit format tanggal nya. cara nya sebagai berikut:

  •  Buka setelan -> bahasa dan pemformatan -> ubah format header tanggal menjadi bulan.tanggal.tahun contoh 02.27.2012 -> klik simpan perubahan
6. buka blog anda lihat perubahannya. :)


Sumber : bloggerstuars

,