Blog Lê Trung Hiếu

Just another WordPress.com site

Tạo bài đăng lưu trữ dạng lịch cho Blogger

Lâu lắm mới thấy một bài viết thủ thuật hay nên dịch về đây cho mọi người test !

Thủ thuật này rất hay để lưu trữ bài viết cho Blog,giúp người đọc nhanh chóng tìm ra bài viết trong kho lưu trữ khổng lồ.

Các bước thực hiện :
Bước 1 :
Tìm đoạn code này :

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

Thay thế nó bằng đoạn code sau :

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='toggle' var='interval'>
<!– Toggle not needed for Calendar –>
</b:includable>
<b:includable id='flat' var='data'>
<div id='bloggerCalendarList'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</div>

<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'>

</caption>
<!– Table Header –>
<thead id='bcHead'></thead>
<!– Table Footer –>

<!– Table Body –>
<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>
</tbody>
</table>
<table id='bcNavigation'><tr>
<td id='bcFootPrev'></td>
<td id='bcFootAll'></td>
<td id='bcFootNext'></td>
</tr></table>

<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>
</div>

<script type='text/javascript'> initCal();</script>

</b:includable>
<b:includable id='posts' var='posts'>
<!– posts not needed for Calendar –>
</b:includable>
<b:includable id='menu' var='data'>
Configure your calendar archive widget – Edit archive widget – Flat List – Newest first – Choose any Month/Year Format
</b:includable>
<b:includable id='interval' var='intervalData'>
Configure your calendar archive widget – Edit archive widget – Flat List – Newest first – Choose any Month/Year Format
</b:includable>
</b:widget>

Sau đó lưu lại template

Bước 2 :
Tìm đoạn mã sau :

</head>

Và chèn trước nó đoạn code

<!– Start Blogger Archive Calendar –>
//Chú ý thay dòng này bằng style mà bạn thích ở bước 4
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blogger_archive.js&#039; type='text/javascript'/>
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>
<!– End Blogger Archive Calendar –>

Lưu lại Template

Bước 3 :

Chuyển sang thiết kế-> Phần tử trang

Làm giống như hình này :

Bước 4 :
Quay lại bước 2 và thay đổi style bạn thích vào dòng tôi đã đánh dấu ở bước 2

1 số Style :

Style for Dark Templates

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/dark_theme.css&#039; rel='stylesheet' type='text/css'/>

Style – Plain White

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/plain_white.css&#039; rel='stylesheet' type='text/css'/>

Style – Blue/Black

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blue_black.css&#039; rel='stylesheet' type='text/css'/>

Style – Dusty Blue

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/dusty_blue.css&#039; rel='stylesheet' type='text/css'/>

Bạn nên save Style và JS để tránh bị lỗi Host..
Ngoài ra bạn nên mở file JS để việt hóa 1 số thứ như thứ trong tuần, xem toàn bộ …
Chúc thành công !

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: