Biến Blogspot thành " nồi lẩu " nhúng đủ thứ,...

Blogspot nền tảng thú vị, dùng làm blog cá nhân, platform thiết kế web giá rẻ, ít tiền nhưng cực chất. 


CMS blogger có tính tùy biến cực cao cho phép người dùng phù phép giao diện đẹp lung linh ảo diệu hấp dẫn & thu hút cư dân mạng.

Hôm nay Gia Bảo thử làm đầu bếp kỹ thuật số, biến Blogspot thành " nồi lẩu " nhúng đủ thứ,...

🔰 Nhúng văn bản, tài liệu word, exel, PDf,… thông qua Google Drive. Cách làm giúp bạn chia sẻ nội dung lên blog của mình từ các dạng file được lưu trữ trên nền tảng đám mây trực tuyến 

🐾 Cách làm nhúng văn bản dạng file Doc, Excel, Pdf

* .Doc : Bản tải file lên google Drive, sau đó bật tính năng công khai, kế đến copy link share sau đó sử dụng code sau đây.

Các văn bản định dạng khác như Excel, PDF,.. làm tương tự với cách nhúng file Doc vào blogspot nha các bạn.

🔰 Nhúng MXH facebook, Pinterest, twitter…

Xem link hướng dẫn nhúng chèn fanpage vào Blog của bạn : https://bizfly.vn/techblog/chen-fanpage-vao-website.html

Xem link hướng dẫn chèn Instagram vào web : https://stylenium.myharavan.com/pages/huong-dan-nhung-instagram-vao-website

Xem link hướng dẫn tích hợp Pinterest vào web của bạn : https://dieuhau.com/hien-thi-hinh-anh-pinterest-trong-wordpress/

Xem link hướng dẫn nhúng bài viết twitter lên trên trang web nền tảng Blogger/Blogspot  : https://www.tips.vn/2021/09/how-to-share-the-tweet-of-twitter-on-blogger.html

🔰 Nhúng Video thường sử dụng nhất là việc nhúng các đoạn clip, phim quay có thời lượng ngắn & dài trên các trang nền tảng mạng xã hội chia sẻ video nổi tiếng như Youtube, vimeo, Dailymotion, đây là cách làm giúp các bạn muốn trở thành Koc,  blogger truyền thông, sáng tạo nội dung thông qua việc biên tập & xuất bản video :

Xem hướng dẫn lấy mã nhúng youtube chèn vào blog của bạn : https://www.thegioididong.com/hoi-dap/cach-lay-ma-nhung-video-youtube-vao-website-don-gian-nhanh-1366749

Xem hướng dẫn nhúng video vimeo vào blog của bạn : https://www.tinmoiz.com/cach-nhung-video-vimeo-vao-trang-web-khac-405127/

🔰 Nhúng Game cách làm thú vị giúp chính chủ blog giải trí cùng các game mini yêu thích dạng webgame, đây là thủ thuật mang tính hỗ trợ xả stress là chính chỉ dành cho dân nghiện game có cái gì đó ngồi chơi cho đỡ buồn :

Xem hướng dẫn chèn game Miniclip vào blog của bạn : https://www.tipsnhanh.com/2021/08/huong-dan-nhung-game-html5-vao-blogspot.html

Xem hướng dẫn game html5 khá hay và cực kỳ khó chịu giống Flappy Birch chơi trên điện thoại : https://hocban.vn/nhung-game-html5-vao-wordpress-kha-hay-ho-anh-em-a

🔰 Nhúng / chèn code PHP, Html, Javascript dùng tạo form. liên hệ, tạo hiệu ứng, trang cung cấp mã giảm giá, tool, tiện ích hỗ trợ trực tuyến.

🐾 Nhúng PHP : dạng code được dùng khá phổ biến trong thiết kế web trên nền tảng WordPress, còn với Blogspot ngôn ngữ chính là XML khá thân thiện với Html, Html5, JavaScript, css, css3 còn với ngôn ngữ lập trình PHP chúng ta có thể tích hợp thông qua mã nhúng, xem hướng dẫn cách làm ngay sau đây nhé  :  Bạn tải file PHP lên host sau đó lấy link cần nhúng , sử dụng đoạn code dưới chèn vào blog của bạn : 

<object width="600" height="300" type="text/html" data="Link Nhúng.php"></object>

🐾 Nhúng chèn code Html, JavaScript : Chèn hiệu ứng các kiểu vào trang blogger, cách giúp blog bạn trở nên lung linh hơn, đẹp hơn vào những ngày đặc biệt như tết cổ truyền, noel, giáng sinh, hoặc thể hiện tâm trạng của chủ blog viết lách bằng cách cho tuyết bay,  đủ loại hoa lá rơi trên giao diện web của mình, đến việc cho ruồi, gián bò lung tung tí chút cho độc giả giật mình chơi  : 

Xem thủ thuật tuyết rơi trên giao diện sử dụng template blogspot : https://www.allfreevn.com/2019/04/lam-hieu-ung-tuyet-roi-tren-blogspot.html

Xem thủ thuật hiệu ứng mưa rơi, pháo nổ trên trang blogspot : https://www.giaodienblog.com/2020/12/tao-hieu-ung-trang-tri-website.html

Thủ thuật hiệu ứng giáng sinh, ông già noel cưỡi tuần lộc : https://www.ngohoanganhtuan.com/2017/10/code-tao-hieu-ung-giang-sinh-cho.html

Xem code hướng dẫn trang trí blogspot trong ngày tết cổ truyền của dân tộc : https://www.ngohoanganhtuan.com/2017/07/code-trang-tri-tet-cho-blogwebsite.html

Xem hướng dẫn cách tạo Style hiệu ứng Glassmorphism : https://www.ngutri.com/2021/04/tao-hieu-ung-glassmorphism-tren.html

Xem hướng dẫn hiệu ứng chờ tải trang cực đẹp : https://www.ntlruby.com/2021/11/tong-hop-mot-so-hieu-ung-cho-tai-trang-dep-cho-blogspot.html

🐾 Nhúng web bằng Iframe : 

<a href="Link Hướng Dẫn Nhúng Iframe" target="the-iFrame">Hướng Dẫn Thẻ IFrame</a><br/><br/>

<iFrame src="https://examples.com/documents" width="100%" height="500px" name="the-iFrame" frameborder="0"></iFrame>

🐾 Nhúng file âm thanh, hình ảnh, podcast, infographic, ảnh động :

- Hướng dẫn nhúng Podcast, tệp âm thanh định dạng Mp3, Mp4 vào blog / web của bạn     : https://quanthanham.com/cach-chen-podcast-vao-blog.html 

- Hướng dẫn chèn hình ảnh, ảnh động, Infographic [ hình ảnh được thiết kế dưới dạng đồ họa thông tin, rút gọn đơn giản dễ hiểu tạo sự sinh động cho trang web của bạn ].  : 

++  Link code 1 - Cơ Bản : https://webcoban.vn/html/cach-chen-hinh-anh-vao-trang-web-html.html

++ Link code 2 - Responsive : https://howkteam.vn/course/lap-trinh-css-va-sass-nang-cao-voi-du-an-website-landing-page/code-responsive-image-4039

🐾 Bonus 3 mã nhúng code quảng cáo sản phẩm nhà tài trợ, tiếp thị liên kết dành cho những cá nhân thích kiếm tiền từ website :

-  Dạng Slider hiển thị 1 sản phẩm trên mobile, nhiều sản phẩm trên PC dạng trượt ( có thể chèn nhiều sản phẩm )

++ Link Code : https://codepen.io/marufalbashir/pen/LyaQdq

- Dạng Product Card 4 sản phẩm 

++ Link Code : https://proweblab.xyz/beautiful-bootstrap-4-product-card

- Dạng Product Card 1 sản phẩm :

++ Link Code : https://www.digitalnomad.vn/2021/11/share-code-dung-viet-bai-blogspot-cuc-depAEROKA-15.html

Nhận xét : Code nhúng biến Blogspot  thành nồi lẩu thập cẩm, được xem là giải pháp tình thế giúp chủ blog bổ sung tính năng, tiện ích từ nền tảng thiết kế cấu trúc code của bên thứ 3. Cách làm này đôi khi gây ra khá nhiều phiền toái do xung đột code, không tương tính gây ra việc tải trang chậm, xuất hiện các hiệu ứng không mong muốn như popup quảng cáo, thay đổi màu sắc background, tăng giảm cỡ chữ tự động. Đa số được dùng trong trường hợp bạn không thể tự code hoặc do CMS blogspot không hỗ trợ.