Hướng dẫn tạo Widget facebook cố định bên phải

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 social là điều thiết sót lớn. Vậy nên , hôm nay thuthuatblogspot 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 website.Khi bạn di chuột qua sẽ kéo slide ra nên rất gọn và tiện lợi.

Đây là kết quả sau khi edit lại profile facebook.Chúc bạn thành công !

Bắt đầu:

Bước 1 : Đăng nhập Blogger , tìm phần Design > Edit HTML và ctrl + F tìm phần <head>. Sau đó thêm 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–><br /><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/AVvXsEjbILvC0S8EOInXF4QwrWwMitWfAmlsZkswO-iqzFZg05FhPsYgyEUfbh3J1PV4OFyhJET7vC858iv8G1IetzpxbBIQiZDnkXZvkKzXUFE4X2CUYU2TQZi4Xp2hHmUUUoY8Wcv3SmR_p-gA/”) 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=””><br /><!–Brought to you by http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html–><div><br /><!– 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><br /><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><br /></span></div><br /></div><br /><!–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.

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

Độc chiêu

Templateclue

Labels

About us

Sponsor

Flickr Images

About Me

Categories

Liên hệ

Hướng dẫn tạo Widget facebook cố định bên phải

About Unknown

0 nhận xét:

Đăng nhận xét

Video Of Day

Templateclue

Labels

About us

Sponsor

Flickr Images

About Me

Categories

Liên hệ

Hướng dẫn tạo Widget facebook cố định bên phải

About Unknown

RELATED POSTS

0 nhận xét:

Đăng nhận xét