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.
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.
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>
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:
