Mạng xã hội ngày nay rất phổ biến, với
một website chưa có gắn các liên kết mạng xã hội là điều thiết sót lớn. Vậy nên
, hôm nay blogphamtam sẽ hướng dẫn các bạn
gắn widget “floating
facebook like box” vào trong blog hay website. Widget này có đặc tính là
nằm vị trí cố định bên tay phải Blog /website.Khi bạn di chuột qua sẽ kéo slide
ra nên rất gọn và tiện lợi.
Tiến hành:
Bước 1: Đăng
nhập Blogger , tìm phần Design>Edit
HTML và ctrl + F tìm phần <head>.
Sau đó add code dưới vào :
<script src=‘https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’ type=‘text/javascript’>
Bước 2: Copy đoạn code sau
vào bất cứ đâu trong thẻ <body> của
template.
[toggle
title=”CODE” state=”close” ]
<!–Floating Facebook
Widget by
www.TheBlogWidgets.com START–>
<script
type=”text/javascript”> /*<![CDATA[*/ jQuery(document).ready(function()
{jQuery(“.theblogwidgets”).hover(function() {jQuery(this).stop().animate({right:
“0”}, “medium”);}, function() {jQuery(this).stop().animate({right: “-250”},
“medium”);}, 500);}); /*]]>*/ </script> <style type=”text/css”>
.theblogwidgets{background:
url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjd4qyo8O0TjMVuHx5wRA9Dg7t3t_38TFf9tVTJtXVJpoDZ5ECXqQMPy-NDb_xnyHkcDuXXhoL0yXbpH9UbWhSImRBzLYbA5lAqIovfrRbLQirAqnQJa4iMolZtiMvDXeThZcHlHbzuCo/”)
no-repeat scroll left center transparent !important; float: right;height:
270px;padding: 0 5px 0 46px;width: 245px;z-index:
99999;position:fixed;right:-250px;top:20%;} .theblogwidgets div{ padding: 0;
margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.theblogwidgets span{bottom: 4px;font: 8px “lucida
grande”,tahoma,verdana,arial,sans-serif;position: absolute;right:
6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color:
gray;text-decoration:none;} .theblogwidgets span
a:hover{text-decoration:underline;} } </style><!–Brought to you by
www.TheBlogWidgets.com–><div class=”theblogwidgets”
style=””>
<!–Brought
to you by
http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html–><div>
<!–
http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html–>
<iframe
src=”http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftheblogwidgets&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270″
scrolling=”no” frameborder=”0″ scrolling=”no” style=”border: white; overflow:
hidden; height: 270px; width:
245px;background:#fafafa;color:000;”><!–Brought to you by
www.TheBlogWidgets.com–></iframe><!–Brought to you by
www.TheBlogWidgets.com–><span><!–Brought to you by
www.TheBlogWidgets.com–><center>
<a
style=”color:#a8a8a8;font-size:8px;” href=”http://jasperroberts.com”>Jasper
Roberts</a> – <a style=”color:#a8a8a8;font-size:8px;”
href=”http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html”>Blog</a></center>
</span></div>
</div>
<!–Floating
Facebook Widget by www.TheBlogWidgets.com AND www.JasperRoberts.com
END–>
[/toggle]
Tiếp
tục , đến phần căn chỉnh thành của bạn :
Vào blogger
dashboard tìm phần Layout.Chọn
EDIT “HTML/Javascript” gadget và ctrl + F :theblogwidgets và
thay vào đó profile facebook của bạn.Và SAVE lại.
Đây
là kết quả sau khi edit lại profile facebook.Chúc bạn thành công
!
Không có nhận xét nào:
Đăng nhận xét