Facebook, Twitter, Google Plus Ẩn Hiện Trong Cùng 1 Tiện Ích

Một điều trông đợi đối với tất cả những bạn làm Web/Blog là trang bài viết của mình, đứa con do mình tạo ra có nhiều người để ý. Độc giả của bạn càng nhiều, lượng thông tin trao đổi trên các trang mạng mới mang lại điều hữu ích.

Một trong những cách tốt nhất để tăng fan xã hội của bạn là thêm Jquery Pop-up Box xã hội cho Blog. Khi tiện ích này được cài đặt trên blog, khách truy cập sẽ thấy hiển thị hộp trượt ra với các tùy chọn như trang page Facebook, hoặc theo trên Twitter, hoặc thêm bạn trong vòng tròn kết nối của G+. Ưu điểm tiện ích này là tiết kiệm không gian trên trang. Vì nếu bạn thêm tất cả các widget trên trang web / blog , nó sẽ chiếm một không gian rộng lớn, làm cho khách truy cập  khó chịu. 

Cách làm như sau:

Vào Blogger trên Account Google, mỡ Bố cục(layout).

Thêm một widget tiện ích tên HTML/JavaScript

Chép Source Code dưới đây vào khung soạn thảo Code. Xong Save lại và chạy thữ Blogspot.

Code:

<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://dautocrazy.googlecode.com/svn/trunk/in-out-StyleSheet.css" /> <script src="http://blogdautocrazy.googlecode.com/files/in-out-widget.js"></script><div id="on"><div id="facebook_right" style="top: 12%;"> <div id="facebook_div"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFk6k2SPeqzfUOH8cb5A6mWgniUzuGW1hYDd85PQXqzYUykYEcU7PGlHBr7aOfVwEWMcoM94iP-eVllPfHkGwtP39h_ZmXfuIo8UzVWPjLlNe2DdSDz77fzhAwRW12cs3AUa_i8wrcFLqK/s1600/DTCfacebook_right.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmaunhadepmoi&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 28%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdTcdD1pllbEXJotnPmHuuB8B5p8z5iwbckEK1s854q_R7kNCO7gvmyB3UlkwBr5sIzgcCIt-eErmuJOl1i-2Np5EOeof_wMREj_Ri6eKKHQO6igX90gThzQ1dZVmMv80OIDMPGGGvj9zQ/s1600/DTCtwitter_right.png"/><script type='text/javascript'>function fanbox_init(screen_name){ document.getElementById('twitterfanbox').innerHTML = '<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=' + screen_name + '" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>';} </script><div id="twitterfanbox"><script type="text/javascript"> fanbox_init("Dautocrazy");</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 45%;"> <div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbAtBTdUr0oO-d6iULR7FbpkZOzrYWPn9DxddZulD1P86r2_TDO-FI3QTFIq2iF6__fZ1aP4dlT64yoK3M5RD7AvVS5sX8KhOlgXigqmONpguWW16PjXq_qemk0Z4XdGO4_IJ7jSiIaU5r/s1600/DTCgoogle_plus_right.png" /> <div style="float: left; margin: 10px 10px 10px 0;"><div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/100191916179620679177" data-source="blogger:blog:followers" data-width="270"></div><script type="text/javascript"> (function () {window.___gcfg = {'lang':'en'};
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})(); </script></div></div></div></div></div>Demo:

• DEMO

Thay: - maunhadepmoi thành ID page facebook của bạn
- Dautocrazy thành tên đăng nhập tiwitter của bạn
- 100191916179620679177 thành ID G+ của bạn
Lưu ý:https://www.facebook.com/maunhadepmoi
Đoạn bôi xanh chính là ID page facebook

Chúc các bạn thành công
Tham khảo Doisong24.com

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..