How To Insert A Calendar In A Post ?
Làm thế nào để thêm ngày tháng vào vài viết? Làm thế nào đề bài viết của bạn trở nên sinh động hơn?Bạn có thể chèn ngày tháng theo cách đơn giản như:
- September 25, 2015
- October 11, 2015
Thêm lịch vào bài viết cho Blogger/Blogspot
1. Thêm Stylesheet:Vào Mẫu >> Chỉnh sửa HTML tìm đến thẻ <b:skin> và chèn trước nó đoạn code sau
<!-- Stylesheet for iristips calendar -->
<link href='https://sites.google.com/site/iristipsblogger/file/calendar.css' rel='stylesheet' type='text/css'/>
2. Thêm Script
Vào Mẫu >> Chỉnh sửa HTML tìm đền thẻ </head> và chèn trước nó đoạn code sau
<script src='https://sites.google.com/site/iristipsblogger/file/calendar.js' type='text/javascript'/>
3. Thêm lịch vào bài viết
Khi viết bài bạn đổi sang chế độ HTML và thêm đoạn code sau nơi mà bạn muốn hiển thị lịch
<div id="my_calendar" style="clear: both; float: left; margin-left: 150px; width: 230px;"></div>
<script>
var myCalendar = new Calendar() ;
myCalendar.myName = "myCalendar" ;
myCalendar.parentElement = "my_calendar" ;
myCalendar.loadCurrentDate(2015,3,1) ;
myCalendar.changeStyle("blue") ;
myCalendar.allowMonthChange("yes") ;
myCalendar.addDateToHighlight(2015,3,27) ;
myCalendar.addDateToHighlight(2015,9,30) ;
myCalendar.addDateToHighlight(2015,10,2) ;
myCalendar.addDateToHighlight(2015,3,11) ;
myCalendar.display() ;
</script>
<div style="clear: both;"></div>
Chỉnh sửa 2015,3,27 ; 2015,3,11 thành ngày bạn muốn hightlight, không giới hạn số ngày hightlight
myCalendar.loadCurrentDate(2015,3,1) ; là tháng năm hiển thị mặc định
myCalendar.changeStyle("blue") ; chọn màu lịch mà bạn thích hiển thị, có 3 màu sắc cho bạn lựa chọn là: red, blue, green.
myCalendar.allowMonthChange("yes") ; đổi thành no nếu bạn không muốn có nút thay đổi tháng mặc định
Chúc bạn may mắn
Mẹo nhỏ khi bình luận