Bạn có muốn bài viết của bạn được người nhiều biết đến và có nhiều người chia sẻ lên mạng xã hội Facebook hay không? Điều này đơn giản khi bạn cài Widget Facebook trên trang blogger của bạn
Bài viết này mình sẽ Hướng dẫn tạo Widget facebook cố định bên phải blogspot
Các bước tiến hàng tại Widget Facebook
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 : Bạn gắn đoạn code sau vào bất cứ đâu trong thẻ <body> của template là được .
<!–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/AVvXsEggOWbR4vHQ3315LKi6OPkyYJJIE9gUKRON9uHu4aZgdfBnjGV0Kvvn3bmitnqR95hMhHbVqgOdEDmuroR7Pa-DG9YD0sTIQAHMNUF0fErSm2mOWMsvWM-Hg3CwGaJkkbJ1c8ZAt5HqvfV7/”) 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 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.
Trên đây là Hướng dẫn tạo Widget facebook cố định bên phải trong blogspot, nếu bạn có cách nào hay hơn thì chia sẻ với mọi người nhé
Cảm ơn các bạn
Thanh Hồng - Theo thuthuatblogspot.com
0 nhận xét :
Đăng nhận xét