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

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

5
4
3
2
1

Group giao lưu, giải đáp và chia sẻ kinh nghiệm blogspot - blogger :

  • Kích hoạt giao diện tối
  • Giao diện tối giúp bạn nhìn vào ban đêm, làm dịu mắt và tránh căng thẳng khi phải nhìn vào màn hình sáng quá nhiều.

    Đếm ngược thời gian đến tết Kỷ Hợi 2019