Để thêm tiện ích này bạn hãy làm theo hướng dẫn sau nha
- Vào blogger > Mẫu > Chỉnh sửa HTML
- Chọn mở rộng mẫu Tiện ích
- Dán đoạn code bên dưới trước thẻ </head>
<!-- Start Text resize by chinhtrucblog.blogspot.com-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){
//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array('span','.section2');
section = section.join(',');
// Reset Font Size
var originalFontSize = $(section).css('font-size');
$(".resetFont").click(function(){
$(section).css('font-size', originalFontSize);
});
// Increase Font Size
$(".increaseFont").click(function(){
var currentFontSize = $(section).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css('font-size', newFontSize);
return false;
});
// Decrease Font Size
$(".decreaseFont").click(function(){
var currentFontSize = $(section).css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css('font-size', newFontSize);
return false;
});
});
</script>
<!-- End Text resize by chinhtrucblog.blogspot.com -->
- Lưu ý : Trong blog của bạn đã chèn dòng màu đỏ rồi thì xóa đi nha. Nếu chưa có thì để lại.
- Tìm đoạn
<div class='post-header-line-1'/>
- Và dán sau nó đoạn code bên dưới
<!-- Start Text re size by chinhtrucblog.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://lh6.googleusercontent.com/-tycGX0AMMH8/UIwFMDhhfjI/AAAAAAAAD_Q/5SH8YGtMrWQ/h120/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://lh4.googleusercontent.com/-mGpGKe3rQ_w/UIwFMJjvbbI/AAAAAAAAD_M/3MgQPA_2kPE/h120/bigger-font+-+Copy.png'/></a>
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://lh6.googleusercontent.com/-EXpTj66eq1Q/UIwFMk_XwfI/AAAAAAAAD_Y/3_jrAYPyB6U/h120/smaller-font.png' style='cursor: hand;'/></a>
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://lh3.googleusercontent.com/-fQTwjn-7bWw/UIwEtkFUScI/AAAAAAAAD-0/sJgF0uB-llc/h120/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- End Text re size by chinhtrucblog.blogspot.com -->
- Tìm code sau
<data:post.body/>
- Thay thế tất cả đoạn <data:post.body/> bằng code bên dưới
<span><data:post.body/></span>
- Lưu lại và tận hưởng kết quả thôi.
Chúc các bạn thành công
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóahay
Trả lờiXóathanks add đã có bài bổ ích
Trả lờiXóaLiền kề La casta Văn Phú
Đăng nhận xét