Bài đăng

Hiển thị các bài đăng có nhãn Thủ thuật Blogspot

Tổng hợp các trang templates

Hình ảnh
DANH SÁCH CÁC TRANG TEMPLATES --------------------------- Số thứ tự Tên trang web Địa chỉ trang web 1 New Blogger Themes Nhấp vào đây để đi đến 2 Chamnhe Nhấp vào đây để đi đến 3 Passionery Nhấp vào đây để đi đến 4 VinhlongIT Nhấp vào đây để đi đến

Cách phát video với onedrive với địa chỉ hotmail

Hình ảnh
       Các bạn biết đó, đôi khi những bài viết hay thì cần phải di ngay với những video hướng dẫn cụ thể. Và để có thể tạo được 1 video trong bài viết thì cũng không khó gì? Dựa vào cách đơn giản thì chúng ta có thể: tải trực tiếp hoặc nhúng qua youtube ….nhưng đối với mình thì cần 1 cái gì đó hay hơn, ngoài việc xem được video thì chúng còn phải đẹp, có thể tải về và lưu lại nó. Với những điều đó, mình đang có 1 hướng nghiên cứu khác, nhằm tạo ra 1 cách phát video hiệu quả hơn. Sau đây là cách mình đang nghiên cứu: Bước 1:  Đăng nhập vào Onedrive/Tải video lên/Xem video/Ctrl+Shift+I / Chìa mũi tên tìm kiếm vào video đang phát / Copy đoạn code <video class….</video> và Past lên Work. Tiếp đến trong đoạn code này Copy phần link màu xanh : [code type="CSS"] <video class="od-VideoCanvas-video" autoplay="autoplay" src=" https://linkmauxanh ?psid=1?"></video> [/code] Bước 2:  Thay link màu đỏ dưới đây bằng link màu xanh ph...

Cách ẩn hình ảnh trong bài viết chỉ hiển thị ở trang chủ

Hình ảnh
       Đôi khi chúng ta muốn sử dụng 1 ảnh tượng trưng cho 1 bài viết ở bên ngoài trang chủ để bài viết của bạn trở nên đẹp và sống động hơn, nhưng làm thế thì trong nội dung bài viết đó cũng sẽ xuất hiện ảnh mà bạn đã chèn. Vậy có cách nào để ẩn ảnh đó đi trong bài viết nhưng vẫn hiển thị được trên trang chủ? Với vấn đề này, mình đã tìm ra được cách giải quyết như sau: Bước 1: Đăng nhập Blogger/Mẫu/HTML Bước 2: Click vào 1 vị trí bất kỳ trong vùng HTML / ấn tổ hợp Ctrl+F Bước 3: Tìm đến thẻ ]]></b:skin> , sau đó Copy đoạn code dưới đây dán vào ngay bên dưới thẻ  ]]></b:skin> [code type="HTML"] <b:if cond='data:blog.pageType != &quot;index&quot;'> <style> .hidepic{ display: none; } </style> </b:if> [/code] Bước 4: Lưu  Template Bước 5: Bây giờ mỗi khi bạn tạo bài viết mới, và thêm hình ảnh vào đó thì tự động trong phần HTML của bài viết đó sẽ có đoạn code tương tự sau: [code type="JavaScript"] <div ...

Tạo menu dọc cho nhãn

Hình ảnh
Mặc định các nhãn của Blogspot được hiển thị rất đơn điệu, nếu bạn muốn các nhãn hiển thị được đẹp hơn, bạn có thể tạo menu dọc cho nó, để tạo menu dọc các bạn phải dán code vào mã nguồn và một vào HTML/Javacrip. Các bước như sau: Đầu tiên, bạn đăng nhập Blog > chọn Thiết kế > Chỉnh sửa HTML , bấm đồng thời 2 phím Ctrl+F để mở hộp tìm kiếm, gõ vào khung lệnh ]]></b:skin> , sau đó dán code trong khung màu xanh vào phía trên nó và lưu lại. Tiếp theo bạn vào Thiết kế > Thêm tiện ích > Thêm HTML/Javacript và dán code trong khung màu tím vào, thay đổi các đường link của nhãn, viết tên hiển thị của nhãn, cuối cùng lưu lại là xong (Bạn có thể xem thêm chỉ dẫn chi tiết cách thức dán các code   TẠI ĐÂY ) Mẫu 1: #menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background...

Tạo Forum diễn đàn cho Blog

Hình ảnh
     Sau đây mình sẽ hướng dẫn các bạn cách tạo Forum diễn đàn cho blog 1 cách rất đơn giản mà mình đã sưu tầm được. Cách này, bạn dựa trên Google Group để tạo nhá. Bạn có thể xem DEMO tại đây và cách hướng dẫn bên dưới. Bước 1:   Đăng nhập  Google Group /Tạo nhóm Bước 2:   Nhập thông tin/ Nhấn Tạo       + Tên nhóm:  viết dấu bình thường       + Địa chỉ email của nhóm:  bạn sửa lại giống tên nhóm (địa chỉ này sau này là địa chỉ trang của Forum)       + Loại nhóm:  chọn danh sách email Bước 3:   Tạo xong nhóm/Vào nhóm/Nhóm của tôi/Quản lý/Chọn các mục 1/ Cài đặt:  bạn chú ý  Thẻ  và  Loại  (Danh mục), bạn chỉ chọn 1 trong 2:      + Thẻ    : bài viết hiển thị trực tiếp trên trang chủ       + Loại:   bài viết hiển thị theo chủ đề (Danh mục). Để thêm  Loại  thì bạn vào...

Menu xếp dọc cực đẹp cho blog

Hình ảnh
1. Dán đoạn code sau trước thẻ:  ]]></b:skin> [code type="CSS"]#MenuLeft{padding: 0;margin: 0} #MenuLeft ul{padding: 0;margin: 0} #MenuLeft li{list-style-type: none} #MenuLeft .title{height:40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsuuVCiM31FPtigtlKZj7fA6MFB6hehTNnv6pfuEIaxDvXA90DjWcSyZLYQ_e5tYb8O7n8HoYtLEzGoYE99Ws3g40mf3DliO4_GVmNrZNfS5xLGrHO-CLTUvwasO9siCEkeQBbVVqYdkR/s1600/Ketoanthanhtu-title+lan+2.PNG) no-repeat;font:bold 14px/40px Arial;color:#fff;text-align:center;text-transform:uppercase;display: block;margin-bottom: 6px} #MenuLeft .title2{height:30px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpzNy_kPhjV809eOaP6jRr4nqD_tXIH0oG2r9v1To5ghH3sHQIYf63-rOWSToUXYTdJylCFIM-aVb1HBLbBK_WARTMM0pxBbelEkA6LAuPqYzBFADtLYZ-uRyxiRSPepBVbTNlri8MkoV/s1600/Ketoanthanhtu-title2+lan+2.PNG) no-repeat;text-align:center;display: block;margin-bottom: 8px;font:bold 12px/30px Arial;color: #000} #MenuLeft .title2:hov...