Hiện nay mạng xã hội là 1 phần không thể thiếu trong đời sống của con người.đa phần ai cũng có những tài khoản mạng xã hội và lượt truy cập các mạng xã hội mỗi ngày ngày càng lớn.tiêu biểu là facebook.Và đương nhiên, việc mạng xã hội ngày càng phát triển thì việc tích hợp nó vào các website là điều cần thiết. Nếu như website của bạn bây giờ vẫn chưa tích hợp các nút mạng xã hội thì quả là 1 thiếu sót lớn.Theo các SEOer hiện nay thì mạng xã hội cũng chiếm 1 vai trò lớn trong việc SEO website của bạn.
Nếu website/blogspot của bạn chưa tích hợp mạng xã hội hay cụ thể hơn là facebook thì hãy làm theo các hướng dẫn dưới đây để tạo cho website/blogspot của bạn 1 widget facebook cố định trên trang web của bạn.
Oke.bắt đầu cùng KingSharkIT thực hiện nhé !
Bước 1 : Đăng nhập Blogger , tìm phần Design -> Edit HTML và ctrl + F tìm thẻ <head>
 |
| Hướng dẫn tạo Widget Facebook cố định cho blogspot (click vào hình để phóng lớn ) |
 |
| Hướng dẫn tạo Widget Facebook cố định cho blogspot (click vào hình để phóng lớn ) |
Sau đó dán đoạn code sau vào trong thẻ <head>:
<script src=‘https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’ type=‘text/javascript’>
Bước 2 : Bạn gắn đoạn code sau vào bất cứ đâu trong thẻ <body>.
<!–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/AVvXsEjDR7rNvt2zyRTAZ5VZPfGX4AaWnRwFZCXuVXXusRl4Nx6WLoiuMMmbuGx46uHrWRKKJRAnumG8LVXujVxyPg6MMsqf5_d7fKuO_Jxsaup7Dpm5wbrpiGhdMVigK5Ot6OPyi854pkQP4Anj/”) 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–>
Tiếp tục , đến phần căn chỉnh thành của bạn :
Vào dashboard tìm phần Layout (bố cục). 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 !
0 nhận xét:
Đăng nhận xét