Tăng giảm cở chữ của nội dung bài đăng

Khi lướt web các bạn thường thấy có rất nhiều trang web có tiện ích là tăng hoặc giảm kích thước chữ của nội dung bài viết mà bạn đang xem. Tiện ích này rất hữu ích, nó có thể giúp chúng ta lựa chọn cở chữ phù hợp để xem. Bạn có thể xem bài ở cở chữ lớn hoặc nhỏ khác nhau chỉ cần click vào nút tăng hoặc giảm cở chữ ngay trên bài đăng. Vậy có thể áp dụng nó vào blogspot của chúng ta? Mình xin chia sẻ cách đưa tiện ích này vào trong blogspot của chúng ta.


☼ Bắt đầu thủ thuật

1. Đầu tiên bạn hãy vào tài khoản blogger
2. Vào bố cục chọn chỉnh sửa HTML (Edit HTML)3. Chọn phần mở rộng tiện ích (Expand Widget Templates) như bên dưới




4. Chèn code bên dưới vào trước thẻ </head>.
<script src='http://traidatmui-tips.googlecode.com/files/text_sizer.js' type='text/javascript'/>

5. Tiếp đến hãy tìm đến đoạn code bên dưới hoặc tương tự
<div class='post-header-line-1'/>

6. Sau đó chèn code bên dưới vào sau code vừa tìm được
<div style='float:right; margin: 0px 0px 0px 0px;font-size:12px;font-family:times; color:#000099;'>Cở chữ: <a href='javascript:ts(&quot;post_body&quot;,-1)'><img align='top' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG7cOBJdx9JvYeyZBEzh3378JuIpfckXzQIEfkLoI7WATijZMIQvMAP_Pe9MYbHF8MiOT2rJblpig1mn1r22BhhWxBnFzDqICCbTfZBwwNZw5hyphenhyphenmRHDS9Zu6Ctd6PvWMZ6Kqn35pd3BARb/' title='Giảm cở chữ'/></a><a href='javascript:ts(&quot;post_body&quot;,1)'><img align='top' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjwwOyGHgukOgUf0oG-hEk7dpiP0cXEGvqY1TGkBLsXAixRq7KHSI6QYSp7FksxUn5vpnQMLvhBgiONLWj63MgOA8i5HZT0i0CJs3P_EKa8vWxi4Zt2CXQUEcQoSXKrPDfquN1Pjr0v7Vh/' title='Tăng cở chữ'/></a> </div>

7. Cuối cùng save template lại là xong

Chúc bạn thành công
Nguồn: Traidatmui.com