Chèn thêm dòng chữ vào tiêu đề hộp Share của AddThis

Traidatmui.com – Với các nút chia sẻ bên AddThis.com cung cấp chắc hẳn các bạn không còn xa lạ nữa. Với tiện ích này chứa rất nhiều công cụ để chia sẻ trang blog của bạn, bạn có thể vào đây để lấy code chèn vào blog của mình. Điều mà mình muốn chia sẻ cùng các bạn ở đây là việc chèn tiêu đề vào trong box của Addthis khi bạn rê chuột vào nút Share. Bình thường khi bạn nhúng code của AddThis thì bạn sẽ không thể thay đổi được phần tiêu đề đó, tuy nhiên với đoạn code nhỏ này bạn có thể chèn và tùy biến tiêu đề trong box share.

Hình ảnh minh họa

Nếu bạn chưa có code AddThis có thể vào đây để lấy code chèn vào blog của mình hoặc bạn có thể dùng code bên dưới

<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END -->

Đó là đoạn code bình thường khi bạn lấy từ AddThis, để chèn thêm phần tiêu đề vào hộp Share bạn chỉ cần thêm đoạn code bên dưới vào sau đoạn code ở trên.

<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "traidatmui.com",  // Dòng text hiển thị trên tiêu đề
ui_header_color: "#ffffff",  // Mã màu tiêu đề
ui_header_background: "#CF152A"  // Màu nền của header
} </script>

Nếu trong blog của bạn đã có chèn code AddThis thì bạn chỉ cần thêm đoạn code trên vào là được. Xem mẫu chèn bên dưới:

<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <!-- AddThis Button END -->

<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "traidatmui.com",  // Dòng text hiển thị trên tiêu đề
ui_header_color: "#ffffff",  // Mã màu tiêu đề
ui_header_background: "#CF152A"  // Màu nền của header
} </script>

Như vậy là bạn đã có thể tùy biến tiêu đề trong hộp share của AddThis.

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