4 in 1 Social Sharing Slide Popout Widget For Blogger

Đây là tiện ích 4 trong 1 chia sẻ lên các mạng xã hội bao gồm facebook,twitter,google + hộp đăng ký nhận bài mới qua email và những chia sẻ này sẽ xuất hiện tại cửa sổ bật ra từ những buttons bên cạnh thanh cuộn của trình duyệt khi ta rê chuột đến.

Demo

Làm cách nào để thêm tiện ích này vào blog?

Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Tìm thẻ </head>  và dán code sau vào trước nó:

&lt;link href='http://trollvlhcv.googlecode.com/svn/trunk/4in1/4in1widgetv2.css' rel='stylesheet'/&gt;
&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'&gt;&lt;/script&gt;
&lt;script src='http://apis.google.com/js/plusone.js'type='text/javascript'&gt;&lt;/script&gt;
&lt;script src='http://trollvlhcv.googlecode.com/svn/trunk/4in1/fanbox_init.js' type='text/javascript'&gt;&lt;/script&gt;
&lt;script type='text/javascript'&gt;
jQuery(document).ready(function(){
 jQuery(&quot;#facebook_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -200}, 500); });    jQuery(&quot;#twitter_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#twitter_right&quot;).stop(true,false).animate({right: -250}, 500); });     jQuery(&quot;#google_plus_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#google_plus_right&quot;).stop(true,false).animate({right: -154}, 500); });    jQuery(&quot;#feedburner_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery(&quot;#feedburner_right&quot;).stop(true,false).animate({right: -303}, 500); });    });
&lt;/script&gt;

Bước 3: Lưu template lại
Bước 4: Điền thông tin các mạng xã hội của bạn vào form bên dưới

Bước 5: Áp dụng > Thêm vào blog