Ở đây chúng ta tìm kiếm các <head> nhãn, và ngay trước khi dán đoạn mã sau:
<script> function remplaza_fecha(d){ var da = d.split(' '); dia = "<strong class='fecha_dia'>"+da[0]+"</strong>"; mes = "<strong class='fecha_mes'>"+da[1].slice(0,3)+"</strong>"; anio = "<strong class='fecha_anio'>"+da[2]+"</strong>"; document.write(dia+mes+anio); } </script>
Đây là mã cung cấp cho tất cả các phần của ngày, ngày, tháng và năm một lớp soyou có thể tùy chỉnh phong cách của bạn.
Bây giờ kiểm tra "Expand widget templates" hộp, và trong lĩnh vực phiên bản văn bản, tìm kiếm các mã sau đây:
<data:post.dateHeader/>
Xem xét cẩn thận, nó gần như là trong phần cuối của mã. Nó có thể nhìn như là bước đi khó chịu nhất, nhưng cuối cùng bạn sẽ thấy nó là khá dễ dàng.
Bây giờ bạn tìm thấy nó, thay thế nó bằng đoạn code sau:
<div id='fecha'> <script>remplaza_fecha('<data:post.dateHeader/>');</script> </div>
Bây giờ chúng ta tìm kiếm cho:
]]></b:skin>
Và chỉ trên đầu trang của nó, chúng ta qua các phong cách sau đây:
#fecha { display: block; margin:0 10px; float:left; padding: 5px; color: #464646; background: #e4e3ad; border:#d7d675 3px solid; text-transform:capitalize; } .fecha_dia { display: block; font-size: 16px; font-weight:bold; } .fecha_mes { display: block; font-size: 10px; } .fecha_anio { display: block; font-size: 10px; }
Bạn có thể nhận ra có một phong cách chung của ngày, và một cho các phần tử của mỗi ngày. Bạn có thể thay đổi màu nền và màu văn bản bằng cách thay đổi những phong cách.
Kết quả cuối cùng, với những phong cách như sau:
