Thêm ribbon thời gian vào bài viết cho blogspot

Click ngay
Chào các bạn hôm nay mình sẽ đem đến bạn 1 đoạn code hiển thị thời gian post bài cực chất dành cho blogspot

HƯỚNG DẪN CÁCH LÀM

Bước 1: Đến trang Chỉnh sửa HTML và thêm đoạn css này lên trên thẻ ]]></b:skin>
.date_holder{float:left;background:#08f;color:#fff;padding:4px 12px 12px;margin-right:6px;position:relative;text-align:center}
.date_holder:after{content:"";position:absolute;bottom:0;left:0;width:1px;height:1px;border:24px solid transparent;border-bottom:8px solid #fff;z-index:0}
.date_holder .month{display:block;text-transform:uppercase;font-size:13px;font-weight:700}
.date_holder .day{display:block;font-size:20px;margin-bottom:2px;font-weight:700}
Bước 2: Tìm đến phần code post và thêm đoạn code bên dưới vào trong nó
<script type='text/javascript'>
var timestamp=&quot;<data:post.timestamp/>&quot;;if(timestamp!=&quot;&quot;){var timesplit=timestamp.split(&quot;,&quot;);var date_yyyy=timesplit[2];var timesplit=timesplit[1].split(&quot; &quot;);var date_dd=timesplit[2];var date_mmm=timesplit[1].substring(0,3)};</script>
<div class='date_holder'>
<span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>
<span class='month'><script type='text/javascript'>document.write(date_mmm);</script></span>
</div> 
Chúc bạn thành công!
view-source:https://sora-ribbon-soratemplates.blogspot.com

Nếu bạn sao chép bài viết trên blog thì vui lòng để nguồn vào giúp mình. Tôn trọng người khác thì người khác sẽ tôn trọng lại bạn.

Nếu có thắc mắc gì về code, code lỗi,... thì liên hệ mình để được giúp đỡ nhé.

Thanh Bình Designer, Developer

Muốn giỏi phải học, muốn học thì phải hỏi. Chính vì thế, hãy cùng tham gia thảo luận với nhau để tìm ra câu trả lời nếu có thắc mắc nhé! Xem thêm nhiều bài viết hay tại đây nhé.
Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
Nên Xem
  • Ẩn sidebar