Bài đăng

Hiển thị các bài đăng có nhãn Blog Bài đăng

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

Chia cột cho bài viết trên Blogspost

Hình ảnh
[right-post] Chia cột cho bài viết là một thủ thuật nhỏ giúp bạn trình bày các định dạng bảng biểu, sắp xếp hình ảnh tốt hơn và đẹp mắt hơn và chứa được nhiều thông tin hơn trong một bài viết trên blog của bạn.  Trong trường hợp bạn muốn thể hiện rất nhiều nội dung trên một trang thì thủ thuật này thực sự hữu ích. Sau đây tôi xin giới thiệu hai cách đơn giản để chia cột một bài viết như sau: Cách 1: Đơn giản nhất, ai cũng làm được      1. Mở trình soạn thảo văn bản Word trên máy tính của bạn.      2. Chèn một bảng trống với số cột của bảng bằng với số cột mà bạn muốn chia ở bài viết.     3. Chọn toàn bộ bảng (click chuột vào biểu tượng "sao" ở góc trên bên trái của bảng) và sao chép (copy) bảng rồi dán vào khung soạn thảo trên bài viết blog như thế này:  Cột 1  Cột 2  Cột 3      Bây giờ thỏa sức thể hiện thôi, nếu bạn muốn chuyên nghiệp một chút bạn thực hiện xóa dòng kẻ trước khi copy bảng và tiếp tục copy bảng ...

Tạo chú thích cho ảnh kiểu 1

Hình ảnh
TẠO CHÚ THÍCH CHO ẢNH (Kiểu 1)      Để minh hoạ cho bài viết, các bạn thường hay gắn các hình ảnh và những lời chú thích cho "nó". Với thủ thuật dưới đây, khi bạn rê chuột vào ảnh thì lập tức sẽ xuất hiện một bảng chú thích khá đẹp được trượt từ trên hình ảnh xuống phía dưới.      Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này. Xem thử      Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào. <style> .imagepluscontainer{ position: relative; z-index: 1; } .imagepluscontainer img{ position: relative; z-index: 2; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imagepluscontainer:hover img{ -moz-box-shadow: ...

Tạo khung chứa code cho bài đăng

Hình ảnh
Blogger Blogspot đang trở thành xu hướng cho các tác giả muốn sở hữu 1 trang blog cá nhân với độ ổn định cao. Để thu hút người xem các bạn cần trang bị cho blogger của mình những đoạn code hay. Vì thế những  code  css đẹp là rất cần thiết. Bên dưới là code giúp hiển thị những đoạn code dài giúp tiết kiệm diện tích hơn và nhìn chuyên nghiệp hơn. Dành cho các trang blog làm về webmaster share code v.v... Bài này mình sẽ giới thiệu cho các bạn các mẫu pre code ( Khung chèn code ) đẹp cho blogspot. Đây là các mẫu khung code mà mình thu thập được từ Internet. ☼ Bây giờ ta bắt đầu thủ thuật : 1. Đăng nhập  blog 2 . Vào  Mẫu  (Template) 3.  Vào  chỉnh sửa HTML  (edit HMTL). Tìm 1 trong các đoạn code tương tự. ( Mẹo : Bấm Ctrl + F  để tìm với từ khóa pre hoặc code hoặc pre,code) pre {....} code {....} pre, code {....} - Nếu có thì bạn thay toàn bộ code css đó  bằng một trong các code bên dưới.  - Nếu tìm không có thì bạn chèn thẳng 1 trong ...