Thêm 3 Trong 1 Nổi / Trượt Google Plus / Twitter / Facebook Trong Blogger

Trong bài này tôi sẽ giới thiệu các tiện ích tương tự nhưng thời gian này google cộng là bao gồm trong các phụ tùng. Điều này phụ tùng bao gồm facebook như hộp, twitter theo tôi hộp và cộng với google. Khi một số một đưa chuột qua nó, nó bật lên với một hiệu ứng trượt dễ thương. Bây giờ tôi sẽ chỉ cho bạn Làm thế nào để Thêm 3 trong 1 nổi / trượt Google Plus / Twitter / Facebook Giống như / Fan / hộp theo dõi trong Blogger.



1.Đăng nhập vào blogspot --> Thiết kế  --> Chỉnh sửa HTML
2.Chọn mở rộng tiện ích
Nhấn Ctrl + Fvà tìm đoạn code sau:

</head>

Copy và dán đoạn code sau trước và trên  </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


Bây giờ ta save lại và chọn phần tử trang --> Thêm tiện ích --> HTLM/Java 

Dán đoạn code sau và lưu lại.

<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/3in1/3.css" /><script src='http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js'></script><script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js"></script>

<script type="text/javascript">

 //<![CDATA[ 

   jQuery(document).ready(function($) {

      $('#gpaw').googlePlusActivity({

         api_key : 'AIzaSyDsd2KGlVuN5dEwas5G3TsOVX17oRCCTFM'          ,user:'107877224551351252870'          ,image_width:75          ,image_height:75          ,body_height:230       });    }); //]]> </script> <script type="text/javascript"> jQuery(document).ready(function(){  jQuery("#facebook_right").hover(function(){   jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -240}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -240}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -280}, 500); });  }); </script><p style="display:none;"> 3 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style="top: 10%;"> <div id="facebook_div"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCuHUr2DIgBdLgHNtj6g5DXVwYZ1wEfp-Exj9Ai7BQ43E0d7BoT2kQXfGEd1Cruje_HAeSszNDWCAE3KA6H1MTrQrXy7r4GpF-r3rh2Yn3fjiY_V_Epp70xrIYLxZ6bksxH3-qtn1XNt4/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fthanhnewcc&amp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256"   scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 27%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_NtBb7QypGPW8ZcmDD56veWYfd2Xxpqm0aoBreQLxY2xMDRnF9f0rueyYW7g8Nmsm7E2dSGGAYKXf02RHUPF_mn1wIbXBtpVsyDP5IexrRo6Zq34OzAMSmuYBJXPe33lUdSe10PFQm3M/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("thanhnewcc");</script> </div></div></div><div id="on"><div id="google_plus_right" style="top: 44%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6BKdMHw_7My_kqFAMvAQRNKvwNEiwID2fHLHFfagkrnbvuLJQ8xK0XH1GOWaV8GVpui-dFxjkMP6W_LAx2VJqIhCAbggjBHYMyA6mviEBJ2_X7yjo_hROx3gyQfR2RZ7vlnrThoDnZGA/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dgoogle_plus_right.png" /><div style="float:left;margin:0px 0px 4px 4px;"><div id="gpaw">  </div></div></div></div></div>