Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja
Không có kết quả
Tất cả kết quả
Trần Bá Đạt Blog
Không có kết quả
Tất cả kết quả
Trang chủ Blogspot

Cách thêm ngày tháng bên cạnh bài viết Blogspot

Trần Bá Đạt bởi Trần Bá Đạt
14/12/2017
trong Blogspot, Thủ thuật Blogspot
0
CHIA SẺ
790
LƯỢT XEM
Chia sẻTweetPinChia sẻ

Đây là hướng dẫn hiển thị ngày tháng của bài viết được chia sẻ ngay bên thumbnails của bài viết đó trong Blogspot. Mục đích nhằm làm đẹp cho blog và cung cấp cho độc giả thông tin trực tiếp về thời gian bài viết này được chia sẻ.

Cách thêm ngày tháng bên cạnh bài viết Blogspot

Chú ý: Kết quả làm ra không đẹp như cái ảnh demo kia đâu nha :)) Muốn được như thế thì còn chỉnh nhiều lắm ^_^

  • Xem thêm: Tạo thanh menu ngang hiệu ứng 3D cho Blogspot

Làm thế nào thêm ngày tháng vào cạnh bài viết Blogspot?

– Truy cập trang quản trị của Blogspot, vào Settings (Cài đặt), tiếp tục chọn Language and Formatting (Ngôn ngữ và định dạng), chỉnh định dạng ngày tháng bạn thấy thích hợp nhất.

Cách thêm ngày tháng bên cạnh bài viết Blogspot

– Tiếp tục vào Template (Mẫu), chọn Edit HTML (Chỉnh sửa HTML):

– Click vào vùng code, bấm Ctrl+F để mở hộp tìm kiếm, tìm đến đoạn code này:

<h2 class=’date-header’><span><data:post.dateHeader/></span></h2>

– Nếu bạn tìm thấy có 2 đoạn code này, hãy thay thế cả 2 bằng đoạn code này:

NÊNĐỌC THÊM

Người chơi không nạp làm thế nào mạnh hơn người chơi nạp?

Kinh nghiệm sử dụng kim cương hợp lý trong Pocket Ninja

Những tính năng cơ bản của game Pocket Ninja

<div id=’Date’>
<script>changeDate(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id=’Date’>
<script>changeDate(&#39;&#39;);</script>
</div> 

– Tiếp tục tìm kiếm đến thẻ </head> này, và thêm đoạn code này vào bên trên nó:

 <script type=’text/javascript’>
//<![CDATA[
var DateCalendar;
function changeDate(d){
if (d == “”) {
d = DateCalendar;
}
var da = d.split(‘ ‘);
day = “<strong class=’date_day’>”+da[0]+”</strong>”;
month = “<strong class=’date_month’>”+da[1].slice(0,3)+”</strong>”;
year = “<strong class=’date_year’>”+da[2]+”</strong>”;
document.write(month+day+year);
DateCalendar = d;
}
//]]>
</script>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<style type=’text/css’>
/* Calendar style date
———————————————– */
#Date {
background: transparent url(https://1.bp.blogspot.com/-NVj6tUKJgLo/UBShW2dCLSI/AAAAAAAACZk/3TkTa8Hzqt0/s1600/calendar07.png) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 15px 2px -40px -108px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}
.date_month {
display: block;
font-size: 15px;
font-weight:bold;
margin-top:-1px;
text-align:center;
color:#ffffff; /* Month’s color */
}
.date_day {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Day’s color */
}
.date_year {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828; /* Year’s color */
}
</style>
</b:if>

Bạn có thể lưu lại rồi, tuy nhiên nếu muốn tùy chỉnh thêm thì có thể thay các vị trí ở dưới này theo ý của bạn:
Bạn có thể thay dạng hiển thị bằng cách thay link ảnh màu xanh ở trên bằng một ảnh khác. Nếu không hiển thị ngày tháng thì bạn có thể thay đổi số màu đỏ từ -108 đến 0.

Lưu lại, và thế là bạn đã có được thông tin về ngày tháng bên cạnh bài viết trong Blogspot rồi đó laugh

Copy vui lòng ghi nguồn bài viết được viết bởi: https://www.tranbadat.com/
3.6/5 - (5 bình chọn)
Chia sẻTweetPinChia sẻ

Nhận thông báo khi bài viết này được cập nhật. Đăng ký ngay!

Hủy đăng ký
Trần Bá Đạt

Trần Bá Đạt

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.com là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, Blogspot, Wordpress và Windows

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận 4

  1. Phú Cường Blogger says:
    7 năm trước

    Cái bài viết cùng tác giả cạnh bài liên quan kia làm bên blogspot có đc k bác hay chỉ wp mới có ạ?

    Trả lời
    • Trần Bá Đạt says:
      7 năm trước

      À, cái này mình chưa thấy ở Blogspot nào có laugh

      Trả lời
      • Phú Cường Blogger says:
        7 năm trước

        Mà bác có thể viết 1 bài hướng dẫn cách chuyển nhà đc k? Trc thấy dùng blogspot mà lâu lâu mới ghé thấy đã qua wp luôn rồi. Thuê hosting có đắt k bác?

        Trả lời
  2. Lam Tuyền says:
    9 năm trước

    Minh đã làm y xì như vẫn không hiện ra

    Trả lời

ĐƯỢC YÊU THÍCH

  • Cách gỡ bỏ Microsoft Office tận gốc

    Cách gỡ bỏ Microsoft Office hoàn toàn khỏi máy tính khi bị lỗi

    62 chia sẻ
    Chia sẻ 60 Tweet 0
  • Hướng dẫn nhận key Office 2016 bản quyền, active Office 2016 mới nhất (Updated 2020)

    75 chia sẻ
    Chia sẻ 74 Tweet 0
  • Cách bỏ gạch đỏ trong Word/Excel/PowerPoint

    1 chia sẻ
    Chia sẻ 1 Tweet 0
  • Tối ưu SEO cho label trong Blogspot thật đơn giản

    1 chia sẻ
    Chia sẻ 1 Tweet 0
  • Tải về Microsoft Office Professional Plus 2016 Final

    0 chia sẻ
    Chia sẻ 0 Tweet 0

VPS NÊN DÙNG

Trần Bá Đạt Blog
Trần Bá Đạt Blog hình thành với mục đích chia sẻ, hướng dẫn và đồng hành cùng bạn tiếp cận và giải quyết các vấn đề về Internet, Windows, Wordpress và SEO.

Email: [email protected]
Fanpage: Trần Bá Đạt Blog

DMCA.com Protection Status

EXTERNAL LINKS

  • Technology Knowledge

TAGS THÔNG DỤNG

  • Tìm hiểu Gmail
  • Tìm hiểu theme Newspaper
  • Kiến thức Wordpress

INTERNAL LINKS

  • Biểu tượng Facebook
  • Key Win 10
  • Key Office 2016
  • Cách vào Facebook
  • SEO Blogspot
  • Thủ thuật Blogspot
  • Lập Gmail
  • Ứng dụng học tiếng Anh
  • Key Office 2019
  • Liên hệ
  • Sitemap

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.

Không có kết quả
Tất cả kết quả
  • Học SEO
    • SEO Local
    • SEO Onpage
    • Tài liệu SEO
  • Windows
  • Thủ thuật CNTT
  • WordPress
    • Thủ thuật WordPress
    • Theme WordPress
    • Plugin WordPress
  • Học Blogspot
    • Thủ thuật Blogspot
    • Template Blogspot
    • SEO Blogspot
  • Pocket Ninja

© Copyright 2017 Trần Bá Đạt Blog. Hosted by Vultr.