Thêm nút like facebook và nút share facebook và google ... vào dưới bài viết facebook
Posted in Thủ thuật blog
Không có nhận xét nào:
Thứ Hai, 21 tháng 12, 2015
Cách chèn các mạng xã hội Facebook, Google plus, Twitter... cho blogger để tăng lượt truy cập có lợi cho SEO mà template vẫn đạt chuẩn HTML5 .
Các mạng xã hội như Facebook, Google plus, Twitter...là một phần không thẻ thiếu trong các blog cá nhân hay website chuyên nghiệp như 24H, VNEXPRESS... nói đến website sử dụng thành mạng mạng xã hội Facebook nhất là trang HAIVL, HAIVL là trang giải chuyên đang tải các hình và video do các thành viên đăng nhập tự đăng tải. Nói chung cách đăng bài của họ rất đơn giản không có nội dung và có gì gọi là chuẩn SEO cả nhưng thế mạnh của họ là sử dụng triệt để các nút LIKE, SHARE, COMMENT Facebook triệt để, hiệu quả trên site của họ và ứng dụng appstore trên WINDOWS PHONE, IOS, ANDROID.
Sau khi đăng nhập vào tài khoản blogger của bạn >> Vào Mẫu >> Chỉnh sửa HTML >> Ctrl+F >>Tìm thẻ ]]></b:skin> sau đó chèn CSS vào trước thẻ ]]></b:skin> >> Lưu lại
Nếu các bạn không mẫu trên các bạn vào addthis.com sau đó đăng nhập bằng tài khoản google,hoặc facebook sau khi đăng nhập thành công bên addthis có 2 phiên bản free và trả phí các bạn chọn mẫu free sao cho phù hợp chèn dưới bài viết của blog mình .Mẫu mình đang hướng dẫn là mẫu (Original Sharing Buttons)
Cụ thể tiến hành như sau :
Đăng nhập vào addthis.com >> các bạn chọn mẫu mình thích nhất ở đây mình chọn mẫu Original Sharing Buttons sau đó click vào mẫu.
Các bạn chọn tài khoản đăng nhập bằng Facebook, Twiter, Google hoặc tài khoản bạn đả đăng ký tại addthis ở đây mình chọn đăng nhập bằng google nó hiện ra như sau
Các bạn nhấn vào chấp nhận sau nó hiện ra bảng như sau:
Các bạn lưu ý ở mục Services bên trái là Available Services các dịch vụ có sẳn bên phải làSelected Services các dịch vụ lựa chọn . Ở đây các bạn có thể thêm hoặc bớt các mạng theo cách của mình. Nếu thêm thì các bạn rê chuột vào mục lựa chọn bên Available Services sau đó nhấn chuột phải seo sang bên Selected sau đó lấy code <!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_native_toolbox"></div> này trước sau đó nhấn Activate nó hiện ra code đả lựa chọn
Các bạn chép code này vào thay code của mình đả hướng dẫn theo cách như sau
Các mạng xã hội như Facebook, Google plus, Twitter...là một phần không thẻ thiếu trong các blog cá nhân hay website chuyên nghiệp như 24H, VNEXPRESS... nói đến website sử dụng thành mạng mạng xã hội Facebook nhất là trang HAIVL, HAIVL là trang giải chuyên đang tải các hình và video do các thành viên đăng nhập tự đăng tải. Nói chung cách đăng bài của họ rất đơn giản không có nội dung và có gì gọi là chuẩn SEO cả nhưng thế mạnh của họ là sử dụng triệt để các nút LIKE, SHARE, COMMENT Facebook triệt để, hiệu quả trên site của họ và ứng dụng appstore trên WINDOWS PHONE, IOS, ANDROID.
Hướng dẫn chèn nút mạng xã hội dưới bài viết cho blogger chuẩn HTML5
Để chèn các mạng xã hội vào blog hiện nay có rất nhiều cách nhưng theo mình các bạn lấy tiện ích từ addthis đơn giản mà hiệu quả nhất mà lại chuẩn HTML5 nữa. Vậy trong blog của bạn chèn ở đâu cho hợp lý mà lại mang tính thẩm mỹ cao và bài viết dưới đây mình sẻ hướng dẫn các bạn chèn tiện ích xã hội vào dưới bài viết một cách đơn giản nhưng thẩm mỹ cao.Đoạn CCS mạng xã hội chuẩn CSS3
/* CSS Slide Share Button */Cách chèn đoạn CSS3 vào template
#button-count-share {
margin: 5px 0;
padding: 10px;
overflow: hidden;
background: #f8f8f8;
border: 1px solid #e2e2e2;
}
Sau khi đăng nhập vào tài khoản blogger của bạn >> Vào Mẫu >> Chỉnh sửa HTML >> Ctrl+F >>Tìm thẻ ]]></b:skin> sau đó chèn CSS vào trước thẻ ]]></b:skin> >> Lưu lại
Tiện ích chia sẻ mạng xã hội chuẩn HTML5
<b:if cond='data:blog.pageType == "item"'>Sau khi chèn CSS xong tiếp tục các bạn chèn đoạn code trên vào dưới bài viết bằng nhấn Ctrl+F tìm đến thẻ <data:post.body/> sau đó chèn code trên vào dưới thẻ <data:post.body/> hoặc tìm đến <div class='post-footer-line post-footer-line-1'> thứ 2 nó nằm trong thẻ này <b:includable id='post' var='post'>...</b:includable> sau đó chèn code vào dưới thẻ <div class='post-footer-line post-footer-line-1'> tùy theo bạn chọn vị trí hiển thị nút chia sẻ mạng xã hội sau đó nhấn lưu lại và xem kết quả
<div id='button-count-share'>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_native_toolbox"></div>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-513095ac6fae88ed"></script>
</div>
</b:if>
Nếu các bạn không mẫu trên các bạn vào addthis.com sau đó đăng nhập bằng tài khoản google,hoặc facebook sau khi đăng nhập thành công bên addthis có 2 phiên bản free và trả phí các bạn chọn mẫu free sao cho phù hợp chèn dưới bài viết của blog mình .Mẫu mình đang hướng dẫn là mẫu (Original Sharing Buttons)
Cụ thể tiến hành như sau :
Đăng nhập vào addthis.com >> các bạn chọn mẫu mình thích nhất ở đây mình chọn mẫu Original Sharing Buttons sau đó click vào mẫu.
Nó sẻ hiện ra như thế này
Các bạn click vào Sign up ti Activate nó hiện ra bảng đăng nhập tài khoản
Các bạn chọn tài khoản đăng nhập bằng Facebook, Twiter, Google hoặc tài khoản bạn đả đăng ký tại addthis ở đây mình chọn đăng nhập bằng google nó hiện ra như sau
<div class="addthis_native_toolbox"></div> này trước sau đó nhấn Activate nó hiện ra code đả lựa chọn
<b:if cond='data:blog.pageType == "item"'>Ngược lại muốn bớt nút chia sẻ thì các bạn kéo ngược bên Selected Services sang Available Services sau đó nhấn Activate hoặc Update thế là xong
<div id='button-count-share'>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_native_toolbox"></div>
Code bạn lựa chọn</div>
</b:if>
Bài Liên Quan
Chia sẻ bài này
0 nhận xét: