Quản Trị Mạng - Đối với bỳ 1 blogger nào, công việc đơn thuần tìm và sáng tác nội dung là không đủ. Một trong những yếu tố quyết định thành công là khả năng chia sẻ qua nhiều mô hình mạng xã hội phổ biến ngày nay. Trong bài viết dưới đây, chúng tôi sẽ hướng dẫn các bạn cách gán thêm nút Share trên trang Blogger.
Thực chất, quá trình này khá đơn giản, các bạn chỉ cần mở bảng điều khiển chính, chọn mục Design và Editdưới phần Blog Posts, một cửa sổ pop – up sẽ hiển thị. Tại đây, chúng ta sẽ thấy lựa chọn Show Share Buttons, đánh dấu vào đây và nhấn nút Save.
Quay trở lại trang giao diện bên ngoài, nút Share sẽ hiển thị như hình dưới đây:
Nhưng dù sao chăng nữa, những chức năng mặc định của nút Share này còn bị giới hạn, ví dụ không cho phép người dùng lựa chọn giữa các mô hình mạng xã hội khác nhau, không có nút Like trên Facebook hoặc Tweet trên Twitter...
Thực tế, có khá nhiều cách để gán chức năng Share trên blog, bao gồm công cụ và dịch vụ hỗ trợ, hoặc trực tiếp trên Facebook và Twitter, tuy nhiên cách đơn giản nhất là sử dụng AddThis - đơn giản, dễ cấu hình và dễ sử dụng.
Sau khi tiến hành đăng ký thành công tài khoản, nhấn vào đường dẫn Get AddThis trên trang điều khiển chính để bắt đầu:
Hệ thống sẽ hiển thị 1 đoạn mã HTML phù hợp để người sử dụng nhúng vào blog của họ. Khi thực hiện theo đúng chỉ dẫn, các nút Share trên trang Blog sẽ trông giống như hình dưới đây. Còn nếu muốn thiết lập lại thì nhấn nút Customize bên dưới:
Tại đây, bạn sẽ có nhiều lựa chọn hơn để áp dụng với từng nền tàng hoặc môi trường khác nhau, qua các phần cụ thể như Platform, Style... Nhưng các bạn cần lưu ý rằng thay vì chọn mục Blogger trong phần Platform thì hãy chọn Website. Điều này đảm bảo rằng toàn bộ mã HTML sẽ được hiển thị chính xác và đẩy đủ, còn những thành phần khác thì chưa cần phải lo lắng vì chúng ta có thể chỉnh sửa lại sau này:
Sau đó, lưu đoạn mã này vào phần Edit HTML của Blogger, tiếp theo các bạn hãy đánh dấu vào ô Expand Widget Templates bên cạnh:
Tùy thuộc vào vị trí người sử dụng muốn hiển thị nút chức năng này trên blog, hãy thay đổi mã HTML trực tiếp từ AddThis. Như ví dụ tại đây, chúng tôi sẽ hiển thị phần này dưới nội dung text, do vậy thay thế mã AddThis vào dưới thẻ <div class='post-footer'>:
Sau khi nhấn nút Save Template, trang blog của chúng ta sẽ trông giống như sau:
Tùy chỉnh nút Share trên AddThis:
Chú ý phần này :
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_preferred_1'/>
<a class='addthis_button_preferred_2'/>
<a class='addthis_button_preferred_3'/>
<a class='addthis_button_preferred_4'/>
<a class='addthis_button_compact'/>
Mỗi một link là tương ứng với một nút chia sẻ, chúng ta chỉ cần thay đổi thuộc tính class lại là sẽ có ngay một nút mới. Nếu muốn nhiều nút hơn bạn có thể copy nó ra thành nhiều link. Ví dụ như bạn muốn có nút chia sẻ lên Facebook. Bạn sẽ thêm link:
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
Một số code dàn nút bên minhnhut.info sau :
<a class="addthis_button_rss"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_zingme"></a>
<a class="addthis_button_digg"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_newsvine"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_bitly"></a>
<a class="addthis_button_stumbleupon"></a>
<a class="addthis_button_email"></a>
<a class="addthis_counter addthis_bubble_style"></a>
bạn có thể kéo xuống cuối bài sẽ thấy hộp chia sẻ . Dưới đây là bảng thuộc tính class để các bạn tham khảo:
| Class | Dạng chia sẻ |
| addthis_button_facebook | Gửi lên Facebook |
| addthis_button_twitter | Gửi lên Twitter |
| addthis_button_zingme | Gửi lên ZingMe |
| addthis_button_digg | Digg it |
| addthis_button_delicious | Gửi lên Delicious |
| addthis_button_google | Lưu vào Google Bookmark |
| addthis_button_linkedin | Gửi lên Linkdedin |
| addthis_button_bitly | Tạo link rút gọn với Bit.ly |
| addthis_button_email | Gửi bài này cho người khác qua email |
| addthis_button_nwsvine | Gửi lên Newsvin |
| addthis_button_tagvn | Gửi lên TagVN |
| addthis_button_2linkme | Gửi lên 2LinkMe |
| addthis_button_stumbleupon | Gửi lên Stumbleupon |
| addthis_button_compact | Nút chữ thập, ấn vào sẽ hiện ra danh sách đầy đủ các trang mạng chia sẻ. |
| addthis_button_tagvn | Gửi lên TagVN |
Thêm code này vào sẽ ra một bộ đếm ở cuối thanh chia sẻ, để đếm số lượt mà bài viết của bạn đã được người đọc phát tán đi . Bảng trên là một số mạng xã hội tiêu biểu, ngoài ra còn có rất nhiều nút khác. Thường thì tên một nút chia sẻ thường có dạng:
"addthis_button_" + "Tên mạng xã hội"
Ngoài ra còn có thêm nút bộ đếm:
<a class="addthis_counter addthis_bubble_style"></a>
nguồn : minhnhut.info , quantrimang.com.vn
