Hướng dẫn cách chèn nút Share Facebook, Twitter, Google Plus cho Nukeviet

Thứ ba - 20/08/2013 11:37
Để tăng traffic cho site chúng ta hãy cố gắn giới thiệu đến bạn bè, trên khắp thế giới, trên các trang mạng xã hội như Facebook, Twitter, Digg, Google Plus.
Để tăng traffic cho site chúng ta hãy cố gắn giới thiệu đến bạn bè của mình trên khắp thế giới, trên các trang mạng xã hội như Facebook, Twitter, Digg, Google Plus với số lượng người dùng khổng lồ, và đó là nguồn traffic rất tốt để tăng thứ hạng cho website của mình.


Hôm nay mình xin giới thiệu với các bạn cách chèn nút share cho website sử dụng mã nguồn Nukeviet.

Trước tiên chúng ta hãy truy cập vào link sau để tạo một tài khoản nếu chưa có.

https://www.addthis.com/get/sharing?lb=1&flag=register#.T-G-VVJxuj4

Bạn xem hình sau nhé

đăng nhập

B2. Chọn loại plugin tương thích, 
Ở đây chúng ta chọn Website.
B3. Chọn mẫu ưa thích tùy thuộc vào vị trí bạn muốn đặt trên site.
B4. Click vào Grab it để copy đoạn code
bước 2- 3 - 4, xem hình bên dưới
chọn kiểu ứng dụng

B5: Đây là bước quan trọng,
Chúng ta chỉnh sửa file detail.tpl ở thư mục sau

Chỉnh sửa giao diện desktop
/themes/yourtheme/modules/news/detail.tpl.


Chỉnh sửa giao diện mobile_nukeviet
/themes/mobile_nukeviet/modules/news/detail.tpl.

Chỉnh sưa file detail.tpl

Ở đây mình dùng theme rip từ theme modern nên mình sẽ đặt nút này tại vị trí "lưu bài viết"
Chúng ta paste đoạn code mà chúng ta vừa copy tai addthis.com và dán vào dưới đoạn < ! - - END: allowed_save - - >

Bởi vì nukeviet tích hợp sẳn nút sendmail, print và save, do đó chúng ta dùng kẹp thẻ ghi chú là < ! - - và - - > ở đầu và cuối thẻ < a >để vô hiệu hóa chức năng Send, Save, Print có sẵn nhé

Sau đó lưu file lại và thưởng thức

Nếu bạn lấy code chạy dọc thì chèn vào themes/yourtheme/layout/header.tpl

Chú ý là chúng ta có thể làm trên trực tiếp trên host hoặc download về localhost để chỉnh sửa.

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

enlightened Tips: Sau khi chèn code xong ra ngoài site test thử, chúng ta thấy đoạn ký tụ loằng ngoằng nằm sau đuôi của URL. 

 

Vấn đề ở chỗ là khi lấy code từ addthis.com về thì nó có mặt định kích hoạt tính năng theo dõi dữ liệu ở thanh addressbar. Để tắt chuỗi ký tự đó, bạn mở file chứa code của addthis.com ra và tìm đến đoạn {"data_track_addressbar":true}, và sữa chữ TRUE thành chữ FALSE thì vấn đề sẽ được giải quyết.

 

Tác giả: Minh Phú

Chú ý: Việc đăng lại bài viết trên ở website hoặc các phương tiện truyền thông khác mà không ghi rõ nguồn http://aneedz.com là vi phạm bản quyền

Tổng số điểm của bài viết là: 23 trong 5 đánh giá

Xếp hạng: 4.6 - 5 phiếu bầu
Click để đánh giá bài viết
Thống kê
  • Đang truy cập24
  • Máy chủ tìm kiếm2
  • Khách viếng thăm22
  • Hôm nay1,960
  • Tháng hiện tại37,519
  • Tổng lượt truy cập18,798,923
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây
Gửi phản hồi