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

Duc Tran

tháng 5 09, 2018

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