Cách thêm nút chia sẻ vào Blogger
Chỉ cần viết các bài đăng blog không còn đủ nữa. Bạn phải đảm bảo rằng nội dung của bạn có thể dễ dàng chia sẻ trên tất cả các mạng truyền thông xã hội chính. Để dễ dàng hơn, Blogger gần đây đã thêm tùy chọn “nút chia sẻ”. Việc thêm các nút này vào blog Blogger của bạn khá đơn giản. Điều hướng đến trang tổng quan Blogger của bạn, chọn Thiết kế, theo Chỉnh sửa trong hộp “ Bài đăng trên blog ” và cửa sổ bật lên sẽ mở ra. Cửa sổ bật lên này sẽ có tùy chọn “ Hiển thị nút chia sẻ”, chọn tùy chọn này và chọn Lưu trong cửa sổ bật lên và Lưu trên trang chính.
Bên cạnh bài đăng trên blog của bạn, các nút chia sẻ sẽ xuất hiện.
Tuy nhiên, các nút chia sẻ mặc định khá hạn chế về chức năng vì chúng không cho phép bạn chọn các mạng truyền thông xã hội mà bạn muốn hiển thị và quan trọng hơn là chúng không có nút “ Thích” hoặc “ Tweet ” trên Facebook, vốn đã trở nên phổ biến trên Trang web.
Vì vậy, trong bài viết này tôi sẽ mô tả cách thêm các nút chia sẻ vào blog của bạn từ một loạt các mạng truyền thông xã hội, đặc biệt từ Facebook và Twitter.
Thiết lập AddThis
Có một số cách để thêm nút chia sẻ vào blog của bạn, bao gồm nhiều dịch vụ web và thậm chí từ các trang Facebook và Twitter chính thức, tuy nhiên tôi thích sử dụng AddThis vì nó đơn giản và có cấu hình cao.
Khi bạn đã đăng ký một tài khoản, hãy chọn “Get AddThis ” từ trang chính để bắt đầu tùy chỉnh các nút của bạn.
Sau đó, bạn sẽ được giới thiệu một số mã HTML để thêm vào trang web của mình. Nếu bạn thêm mã này vào blog của mình, các nút chia sẻ sẽ trông giống như phần Xem trước . Tuy nhiên, nếu bạn muốn tùy chỉnh thêm các nút của mình, hãy chọn “ Tùy chỉnh> “.
Ở đây bạn có nhiều tùy chọn hơn để chọn nền tảng bạn muốn thêm các nút vào và kiểu của chúng. Chọn Kiểu bạn muốn cho các nút của bạn. Thay vì chọn Blogger trong Nền tảng, hãy chọn Trang web . Điều này sẽ đảm bảo rằng mã HTML đầy đủ của nút chia sẻ được hiển thị và bạn có thể chỉnh sửa nó sau này. Các kiểu có thể bị giới hạn ở thời điểm này, nhưng chọn kiểu gần nhất với cách bạn muốn nút chia sẻ của mình trông giống như và chọn Lấy nó để sao chép mã.
Bây giờ bạn phải dán mã này vào blog Blogger của bạn. Để thực hiện điều hướng đến trang tổng quan của blog, hãy chọn Thiết kế, theo sau bằng Chỉnh sửa HTML . Mã HTML đầy đủ cho blog của bạn sẽ xuất hiện. Tiếp theo, chọn Mở rộng mẫu tiện ích .
Tùy thuộc vào nơi bạn muốn các nút chia sẻ xuất hiện trên blog của mình, bạn có thể thêm mã HTML từ AddThis cho phù hợp. Tôi thích có các nút ngay bên dưới văn bản thực tế của blog, vì vậy tôi đặt mã AddThis bên dưới
nhãn.
Khi bạn đã dán mã vào vị trí mong muốn, hãy chọn Lưu mẫu và xem blog của bạn.
Tùy chỉnh nút chia sẻ này
Tôi đã hứa trước đó rằng AddThis cho phép bạn tùy chỉnh các nút của bạn vượt quá giới hạn của những người trên Blogger. Để làm như vậy, bạn sẽ phải chỉnh sửa mã AddThis HTML.
Mã mặc định như sau:
var addthis_config = {"data_track_clickback": true};
Chức năng chung
Phần đầu tiên của mã
kiểm soát các chức năng chung của các nút. Tôi khuyên bạn nên thêm thông tin sau vào thẻ này:
Phần expr:addthis:title='data:post.title'
của mã sẽ tự động hiển thị tiêu đề bài viết của bạn trong mọi thứ bạn chia sẻ. Vì vậy, ví dụ, nếu bạn nhấp vào nút chia sẻ Twitter, Tweet sẽ được định dạng để hiển thị tiêu đề của bài đăng blog hiện tại. Tương tự, phần expr:addthis:url='data:post.url'
đảm bảo rằng URL cố định của bài đăng blog hiện tại được đính kèm với nội dung được chia sẻ của bạn.
Vì vậy, nếu bạn chọn tùy chọn chia sẻ Twitter, tweet của bạn cho bài đăng sẽ giống như sau:
Giúp công nghệ dễ dàng hơn http://t.co/nCLRCEE qua @AddThis
Đầu tiên, tiêu đề của bài đăng trên blog được hiển thị, sau đó là URL và cuối cùng là tweeter gốc.
Nút bổ sung
Tập hợp các tùy chọn tiếp theo cho phép bạn chọn các loại nút chia sẻ mà bạn muốn hiển thị. Tôi khuyên bạn nên xem danh sách dịch vụ để xem danh sách đầy đủ các nút chia sẻ sẵn có (hầu hết các mạng xã hội đều có sẵn và bạn có thể yêu cầu thêm nhiều hơn).
Để thay đổi nút chia sẻ, chỉ cần sửa đổi thẻ này với tên của dịch vụ bạn muốn hiển thị. Ví dụ:
a class = 'addthis_button_tweet' tw: via = 'abhiroopbasuu' />
Thao tác này sẽ hiển thị nút Tweet và nút " Thích " trên Facebook thay cho các nút "ưa thích" mặc định. Ngoài ra, phần tw:via='abhiroopbasuu'
đảm bảo rằng khi ai đó chia sẻ bài đăng của tôi bằng Twitter, bài đăng được hiển thị có nguồn gốc từ tên người dùng của tôi (thay vì @AddThis).
Mã cuối cùng
Mã AddThis của tôi, kết hợp các cài đặt từ trên, như sau:
var addthis_config = {"data_track_clickback": true};
Trên blog của tôi, nó xuất hiện như sau:
Phần kết luận
Các tùy chọn tùy chỉnh trên AddThis là vô hạn và nó hỗ trợ một số lượng lớn các dịch vụ. Không thể phác thảo mọi kết hợp đơn lẻ, tuy nhiên tôi khuyên bạn nên thử một vài tùy chọn khác nhau và xem những gì hoạt động và những gì có vẻ tốt.