Skip links

Cách nhúng Instagram post vào bài viết trên Website

Khi xây dựng nội dung trên Website, việc trích dẫn trực tiếp một bài đăng (nổi tiếng) của ai đó trên Instagram để làm dẫn chứng là rất tuyệt vời. Thay vì phải chụp ảnh đoạn trích dẫn đó thì bài viết dưới đây hướng dẫn bạn cách nhúng Twitter tweet đơn giản, trực quan và sinh động.

Bước 1: Lấy mã nhúng

Ngay tại bài post bạn cần muốn nhúng vào Website, kích chuột vào phần Option (biểu tượng dấu •••) của bài đăng đó. Bảng menu các tùy chọn sẽ hiện ra và tiếp tục lựa chọn mục “Nhúng” (Embed) để lấy mã nhúng bài viết.

Lấy mã nhúng Instagram post
Lấy mã nhúng Instagram post

Hộp thoại chứa mã nhúng Instagram post đó hiện lên, copy mã nhúng và đưa vào bài viết trên Website của bạn.

Copy mã nhúng Instagram post
Copy mã nhúng Instagram post

Bước 2: Chèn vào bài viết và sử dụng trong WordPress

Để nhúng Instagram post vào bài viết thì bài viết cần để ở chế độ chỉnh sửa code HTML vì mã nhận được là mã HTML. Tương tự đối với WordPress, chuyển khung soạn thảo sang chế độ “Văn bản” và chèn kèm theo mã code <center> như mẫu sau:

<center>

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BlpSgxrhaM8/" data-instgrm-version="9" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BlpSgxrhaM8/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">? Lợi ích của Website chuẩn Marketing: ① Tăng nhận diện thương hiệu ② Tăng độ tin cậy, uy tín ③ Tăng lượng người dùng truy cập ④ Tăng mức độ tương tác, chuyển đổi khách hàng ⑤ Tăng hiệu quả Marketing ⑥ Tiết kiệm chi phí và thời gian Marketing ? Truy cập matbien.co #thietkeweb #thietkewebsite #websitechuanmarketing #marketing #digitalmarketing</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Bài viết do <a href="https://www.instagram.com/3li.in/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Mắt Biển</a> (@3li.in) chia sẻ vào <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2018-07-25T06:48:27+00:00">Th07 24, 2018 lúc 11:48pm PDT</time></p></div></blockquote>
<script async defer src="//www.instagram.com/embed.js"></script>

</center>
Chèn mã nhúng Twitter tweet vào trình soạn thảo trên WordPress ở chế độ văn bản
Chèn mã nhúng Twitter tweet vào trình soạn thảo trên WordPress ở chế độ văn bản

Kết quả nhận được trông sẽ rất trực quan, có thể dẫn thẳng người đọc về post đã được trích dẫn:

 

Bình luận

Chat qua Facebook Chat qua Viber Chat qua Whatapp Chat qua Zalo Nhắn tin SMS Gọi cho chuyên viên CSKH Gửi mail cho CSKH Chỉ đường đi