Showing posts with label Embed. Show all posts
Showing posts with label Embed. Show all posts

Cách nhúng bài viết trên Facebook vào website

Bạn muốn nhúng bài post của Fanpage hoặc Status trên Facebook vào website mà chưa biết cách làm như thế nào? Bài viết này mình sẽ giới thiệu cách để các bạn có thể lấy code nhúng Post hay Status đó vào trong website một cách đơn giản nhất.
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Cách nhúng bài viết trên Facebook vào website

Cách nhúng Post Fanpage vào web

Đối với một bài đăng (post) của một Fanpage bất kỳ thì việc bạn nhúng vào website khá đơn giản. Bạn kích chuột vào phần Option của bài đăng đó thì sẽ có một bảng nhỏ sổ xuống. Lúc này nó sẽ hiện ra những tùy chọn khác nhau, trong đó có mục Nhúng bài viết. Nếu bạn chưa nhìn thấy thì có thể ấn vào nút hiển thị thêm các tùy chọn khác. Hãy xem hình dưới cho dễ nhìn
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Nhúng post Fanpage vào Website
Tiếp theo sẽ có một pop-up hiện ra. Bạn chỉ cần copy đoạn mã mà Facebook cung cấp và dán vào website là ok.
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Lấy mã nhúng post Facebook cho website
Rất đơn giản, như vậy là bạn đã có thể đưa post đó vào trong website của bạn rồi.

Cách nhúng status profile vào website

Vây giờ là cách để nhúng một status bất kỳ của cá nhân vào website. Bình thường thì trong phần tùy chọn của Facebook sẽ không hiển thị tính năng Nhúng bài viết cho một status thông thường. Lúc này thì bạn cần một thủ thuật nhỏ để có thể nhúng dòng trạng thái của bạn vào web.
Đầu tiên bạn vào trang cá nhân của bạn hoặc người mà bạn muốn nhúng status. Sau đó bạn đến bài post đó và ấn vào cái link thời gian như bình bên dưới
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Nhúng status cá nhân vào web
Mục đích của việc này là lấy link trực tiếp của cái post đó. Link nó sẽ có dạng như sau
https://www.facebook.com/100004191634388/posts/537746633041720/
Phần màu đỏ thì là UID Facebook người dùng, còn phần màu xanh là ID của bài đăng đó nhé. Lúc này bạn lại nhấp vào phần Tùy chọn (option) ở góc trên bên phải của status đó. Bây giờ thì nó mới xuất hiện tính năng Nhúng bài viết.
Cách nhúng post, status của Fanpage hay Profile cá nhân vào website của bạn một cách đơn giản nhất.
Nhúng Status Profile vào web
Đến lúc này thì bạn cũng lấy mã code giống như cách lấy code của Post Fanpage thôi. Không có gì khác biệt cả. Hi vọng với thủ thuật này bạn sẽ có thể làm cho nội dung website của bạn sinh động hơn. Xin cảm ơn

Nhúng video Facebook responsive vào website

Chào các bạn, hôm trước mình có bài hướng dẫn nhúng video Facebook vào website, tuy nhiên vẫn chưa thỏa mãn được yêu cầu của một số bạn. Tính năng responsive đúng là rất quan trọng, do vậy hôm nay mình xin hướng dẫn cách nhúng video Facebook responsive vào website một cách dễ dàng nhất.
Xem code nhúng video Facebook vào web
Nhúng video Facebook responsive vào website
Ok, đầu tiên bạn cần thêm đoạn code này vào trong phần Header của trang
.video-container { position: relative;} .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Sau đó cứ mỗi lần bạn nhúng video Facebook vào website thì bạn sử dụng đoạn code này
<div class="video-container">
Chèn code nhúng video vào đây
</div>
Nó sẽ có dạng như thế này
<div class="video-container">
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/945992622124637/" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook/videos/945992622124637/"><a href="https://www.facebook.com/facebook/videos/945992622124637/">How to Share With Just Friends</a><p>How to share with just friends.</p>Posted by <a href="https://www.facebook.com/facebook">Facebook</a> on 5 Tháng 12 2014</blockquote></div></div>
</div>
Như vậy là xong. Bạn có thể test thử. Còn dưới đây là ví dụ của mình
How to Share With Just Friends
How to share with just friends.
Posted by Facebook on 5 Tháng 12 2014

Nhúng video Facebook vào web

Bạn thấy một video hay trên Facebook và bạn muốn nhúngvào website của bạn (Blogspot, Wordpress,...) Bạn chưa biết phải nhúng vào như thế nào? Đây là một tip nhỏ giúp bạn có thể nhúng một video bất kỳ từ Facebook lên trên web.
Rất đơn giản bạn chỉ cần làm theo các bước như sau
B1: Click vào phần option của video
Hướng dẫn cách nhúng video từ Facebook vào website (Blogspot) đơn giản nhất
Nhúng video Facebook vào web
B2: Chọn phần nhúng video
Hướng dẫn cách nhúng video từ Facebook vào website (Blogspot) đơn giản nhất
Nhúng video Facebook vào web
B3: Copy đoạn code mà Facebook sinh ra cho bạn và nhúng vào website thôi
Hướng dẫn cách nhúng video từ Facebook vào website (Blogspot) đơn giản nhất
Nhúng video Facebook vào web
Đoạn code mà Facebook sẽ có dạng như thế này
<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-post" data-href="https://www.facebook.com/video.php?v=945992622124637" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/video.php?v=945992622124637"><p>This time it&#x2019;s personal. Watch the official trailer for The Transporter Refueled now!</p>Posted by <a href="https://www.facebook.com/TheTransporterMovie">The Transporter</a> on&nbsp;<a href="https://www.facebook.com/video.php?v=945992622124637">2 Tháng 7 2015</a></blockquote></div></div>
Bạn có thể sửa các thông số nếu muốn, phần đánh dấu đỏ là id của video, bạn có thể thay bằng id khác. Và đây là ví dụ mà mình nhúng thử sẽ như thế này. Chúc các bạn thành công
Update:
Nhúng video Facebook responsive vào website

This time it’s personal. Watch the official trailer for The Transporter Refueled now!
Posted by The Transporter on 2 Tháng 7 2015

Trong trường hợp bạn chỉ muốn hiển thị video mà không muốn nhúng cả phần fanpage như trên thì có thể dùng đoạn code sau
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/945992622124637/" data-width="100%"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook/videos/945992622124637/"><a href="https://www.facebook.com/facebook/videos/945992622124637/">How to Share With Just Friends</a><p>How to share with just friends.</p>Posted by <a href="https://www.facebook.com/facebook">Facebook</a> on 5 Tháng 12 2014</blockquote></div></div>
Nó sẽ hiển thị như sau

How to Share With Just Friends
How to share with just friends.
Posted by Facebook on 5 Tháng 12 2014