Thêm câu chúc cho tiêu đề blog mừng xuân mới

Hòa cùng không khí tưng bừng chào đón xuân mới và đánh dấu bài viết đầu tiên của DxH về thủ thuật blogger - DxH xin giới thiệu đến bạn đọc một thủ thuật nhỏ giúp blog của bạn thêm đặc biệt hơn vào xuân mới này.

Bắt đầu thủ thuật, với những theme dùng "Header mặc định" của blogger ta thực hiện.

Bước 1: Vào Chỉnh sửa HTML (chọn Mở rộng Mẫu Tiện ích) bấm clrl + F và tìm kiếm đoạn mã:

<a expr:href='data:blog.homepageUrl'><data:title/></a>

Thay thế nó bằng:

<a class='hastip' expr:href='data:blog.homepageUrl' title='Chúc Mừng Năm Mới Bạn Đọc Xuân Quý Tỵ 2013'><data:title/></a>

Bước 2: Tìm kiếm thẻ đóng </head> và thêm vào ngay trước nó đoạn mã sau:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'/>
<script src='http://dxhbook.googlecode.com/files/tooltipsy.min.js' type='text/javascript'/>

  Lưu ý:
- Nếu trong template của bạn đã có sẵn file jQuery rồi thì không cần thêm đoạn mã thứ nhất nữa.
- Bạn nên tải file javascrip về và up lên hot riêng để tối ưu cho blog của bạn.

Bước 3: Tìm kiếm thẻ đóng </body> và thêm vào ngay trước nó đoạn mã sau:

<script type="text/javascript">
$('.hastip').tooltipsy({
    offset: [10, 0],
    show: function (e, $el) {
        $el.css({
            'left': parseInt($el[0].style.left.replace(/[a-z]/g, '')) + 50 + 'px',
            'opacity': '0.0',
            'display': 'block'
        }).animate({
            'left': parseInt($el[0].style.left.replace(/[a-z]/g, '')) - 50 + 'px',
            'opacity': '1.0'
        }, 300);
    },
    hide: function (e, $el) {
        $el.slideUp(100);
    },
    css: {
        'font-family': 'Arial',
        'font-size': '13px',
        'line-height': '20px',
        'text-align': 'center',
        'padding': '10px',
        'max-width': '200px',
        'color': '#fff960',
        'background-color': '#ff3b3b',
        'border': '1px solid #fff960',
        'text-shadow': 'none'
    }
});
</script>

Saver lại template và tận hưởng điều thú vị nho nhỏ này!


Chúc bạn có một mùa xuân mới an khang, vui vẻ quây quần bên gia đình và tràn đầy sức khỏe!