Chủ Nhật, 26 tháng 8, 2012

Cách thêm nút Tweet vào trong bài viết


Một trong những cách tốt nhất để cải thiện nguồn traffic và quảng bá cho blog của bạn đó chính là thêm nút Tweet (Twitter) vào trong mỗi bài viết.

Genesis Tweet Button

Hôm nay All 4 You Blog sẽ tiếp tục gửi đến các fan hâm mộ Genesis một thủ thuật Genesis vô cùng hữu ích: Cách thêm nút Tweet vào trong bài viết.

Bước 1. Thêm hàm chức năng:

Hãy chèn đoạn code sau vào trong tập tin functions.php của Genesis Child Theme của bạn:

1
2
3
4
5
6
7
/** Add Tweet Button on single posts **/
add_filter('the_content', 'tweet_button');
function tweet_button( $content ) {
    if ( is_page() )
        return $content;
    return '<a href="http://twitter.com/share" class="twitter-share-button" data-url="'. get_permalink() .'" data-count="vertical" data-via="studiopress">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>' . $content;
}

Lưu ý: Đoạn code trên cần phải được nằm trước ký tự ?> và sau dòng:

1
require_once(TEMPLATEPATH.'/lib/init.php');

Hãy chắc chắn rằng các bạn đã thay thế studiopress trong đoạn data-via="studiopress" bằng tên tài khoản Twitter của mình.

Bước 2: Làm đẹp cho nút Twitter:

Hãy chèn đoạn code sau vào trong tập tin style.css của Genesis Child Theme của bạn:

1
2
3
4
.twitter-share-button {
    float: left;
    margin: 0 10px 10px 0;
    }

Chúc các bạn thành công!


Không có nhận xét nào:

Liên kết quảng cáo :