tag:blogger.com,1999:blog-54011497693285277182024-03-13T10:38:39.142+07:00Thích NetBlog về Thủ thuật Internet, Thủ thuật Máy tính, Thủ thuật Ofice, Thủ thuật Blogspot, Thủ thuật WordpressMaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.comBlogger39125tag:blogger.com,1999:blog-5401149769328527718.post-52899441790781695862021-05-31T13:50:00.004+07:002021-05-31T13:52:53.811+07:00Script lấy kích thước (dung lượng) của ảnh <noscript><img alt="ThichNet" src="https://lh5.ggpht.com/-_vRnGvoNISI/YLSHBujBDXI/AAAAAAAAAUg/h7vJ2Y-3KiwVppu6oXGvYhgGd9XJA8DNwCLcBGAsYHQ/s320/img-size-thichnet.webp" title="ThichNet"></noscript>
<p>Đoạn Script bên dưới sẽ giúp bạn biết được dung lượng của một file ảnh là bao nhiêu, chỉ cần có đường dẫn của ảnh đó:</p>
<a href="https://www.thichnet.com/2021/05/script-lay-kich-thuoc-dung-luong-cua-anh.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-59857402263459197862021-05-31T13:32:00.003+07:002021-05-31T13:43:05.662+07:00Script lấy chiều cao và chiều rộng của hình ảnh<noscript><img alt="ThichNet" src="https://1.bp.blogspot.com/-_wiC6zjQTtg/YLSFZKquQqI/AAAAAAAAAUY/cquZCXH5mo8ikyup_47wp4xR5EIlR0TkACLcBGAsYHQ/s320/width-height-thichnet.webp" title="ThichNet"></noscript>
<p>Đoạn mã sau sẽ giúp bạn có được chiều rộng/chiều cao của ảnh:</p><a href="https://www.thichnet.com/2021/05/Script-chieu-cao-va-chieu-rong-cua-hinh-anh.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com1tag:blogger.com,1999:blog-5401149769328527718.post-34702473945497389432021-04-21T13:41:00.004+07:002021-04-21T13:43:10.024+07:00Trích xuất văn bản trước/sau dấu cách hoặc chuỗi ký tự thứ hai trong Excel? <noscript><img alt="ThichNet" src="https://lh5.ggpht.com/-NvjdYC0xA5I/YH_H3ztIEbI/AAAAAAAAAS0/EnZydIt2qesiArWUySXLZMouWzahkdkrwCLcBGAsYHQ/s600/thichnet-excel2.jpeg" title="ThichNet"></noscript>
<h2>Trích xuất văn bản trước dấu cách thứ hai hoặc dấu phẩy với công thức</h2>
<p>Để lấy văn bản trước dấu cách thứ hai, vui lòng áp dụng công thức sau:</p><a href="https://www.thichnet.com/2021/04/trich-xuat-van-ban-truoc-sau-dau-cach-thu-hai.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-17344622385168271102021-04-21T09:57:00.003+07:002021-04-21T09:57:34.510+07:00Trích xuất văn bản trước/sau dấu cách hoặc chuỗi ký tự trong Excel? <p>Bạn có thể nhanh chóng trích xuất văn bản trước khoảng trắng từ danh sách chỉ bằng cách sử dụng công thức.</p>
<p>Chọn một ô trống và nhập công thức này <code>=LEFT(A1,(FIND("",A1,1)-1))</code> (A1 là ô đầu tiên của danh sách bạn muốn trích xuất văn bản) và nhấn nút <strong>Enter</strong> .</p><a href="https://www.thichnet.com/2021/04/trich-xuat-van-ban-truoc-sau-dau-cach-hoac-chuoi-ky-tu-.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-11118419788784808002019-09-05T22:22:00.000+07:002019-09-19T05:21:22.204+07:00Cách sử dụng các thẻ điều kiện Blogger 2019<noscript><img src="https://1.bp.blogspot.com/-n8wagsoSsYk/WjPrXhMVr1I/AAAAAAAACpk/ConTm9aFmMIY1eyCgMOV_rvB88cfO92UgCK4BGAYYCw/s640/condition-tag-thichnet.png"></noscript>
<a href="http://1.bp.blogspot.com/-n8wagsoSsYk/WjPrXhMVr1I/AAAAAAAACpk/ConTm9aFmMIY1eyCgMOV_rvB88cfO92UgCK4BGAYYCw/s1600/condition-tag-thichnet.png" ><amp-img layout="responsive" height="254" src="https://1.bp.blogspot.com/-n8wagsoSsYk/WjPrXhMVr1I/AAAAAAAACpk/ConTm9aFmMIY1eyCgMOV_rvB88cfO92UgCK4BGAYYCw/s640/condition-tag-thichnet.png" width="640" ></amp-img></a><br>
Để áp dụng thẻ (tag) điều kiện bạn phải có kiến thức chút về HTML, bạn chú ý là cơ bản nó bắt đầu bằng tag với thuộc tính “ cond “ và kết thúc là một tag đóng. Trong giữa những tag này, các nội dung (html ,style, script, widgets…) sẽ chỉ xuất hiện hoặc thực hiện theo những điều kiện xác định.<br>
<a href="https://www.thichnet.com/2016/03/the-dieu-kien-day-du-blogger-blogspot.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com16tag:blogger.com,1999:blog-5401149769328527718.post-33783705402818210952018-07-28T05:17:00.003+07:002019-05-13T04:57:11.245+07:00Hiển thị số lượt xem bài viết đơn giản cho Blogger với busuanzi.js<noscript><img alt="ThichNet" src="https://1.bp.blogspot.com/-EZOa9e8RTQ4/W1uZzbYs7HI/AAAAAAAAAJw/zKjt1P3FG5QIYPDFVZDbE1kzoO2T1kzAgCLcBGAs/s400/post-views-thichnet.PNG" title="ThichNet"></noscript>
<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-EZOa9e8RTQ4/W1uZzbYs7HI/AAAAAAAAAJw/zKjt1P3FG5QIYPDFVZDbE1kzoO2T1kzAgCLcBGAs/s1600/post-views-thichnet.PNG" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" src="https://1.bp.blogspot.com/-EZOa9e8RTQ4/W1uZzbYs7HI/AAAAAAAAAJw/zKjt1P3FG5QIYPDFVZDbE1kzoO2T1kzAgCLcBGAs/s400/post-views-thichnet.PNG" width="400" height="251" data-original-width="918" data-original-height="575" /></a></div>
Hiển thị số lượt xem bài viết để xem mức độ quan tâm của độc giả đối với bài viết. Bạn có thể áp dụng cách dùng <b>Firebase</b>, với ưu điểm là ổn định do là một sản phẩm của Google, nhược điểm là sử dụng Js kích thước lớn, cách cài đặt có thể gây khó khăn cho một số bạn chưa quen. <br>
<br>
Bài viết này mình sẽ hướng dẫn một cách khác, đơn giản hơn, js nhẹ hơn đó là dùng <code>busuanzi.js</code>
<a href="https://www.thichnet.com/2018/07/hien-thi-so-luot-xem-bai-viet-blogger-busuanzi-js.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com12tag:blogger.com,1999:blog-5401149769328527718.post-30873785544857731942018-07-08T14:32:00.000+07:002019-05-11T04:52:07.305+07:00Code tạo màu nền ngẫu nhiên cho tiện ích Label trong Blogspot<noscript><img src="https://4.bp.blogspot.com/--iqSXGLWCBQ/WwkJv9kwY1I/AAAAAAAAAHs/eOGfMLCXm-43P4f4yC__PDfZ4ERPzvM2gCLcBGAs/s500/random-color-label-thichnet.png"></noscript>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://lh5.ggpht.com/--iqSXGLWCBQ/WwkJv9kwY1I/AAAAAAAAAHs/eOGfMLCXm-43P4f4yC__PDfZ4ERPzvM2gCLcBGAs/s1600/random-color-label-thichnet.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" data-original-height="827" data-original-width="1470" src="https://lh5.ggpht.com/--iqSXGLWCBQ/WwkJv9kwY1I/AAAAAAAAAHs/eOGfMLCXm-43P4f4yC__PDfZ4ERPzvM2gCLcBGAs/s500-e30/random-color-label-thichnet.png" height="827" width="1470" /></a></div>
<br><h2>
Hướng dẫn tạo màu nền ngẫu nhiên cho tiện ích Label trong Blogspot</h2>
<br>
<a href="https://www.thichnet.com/2018/05/code-tao-mau-nen-ngau-nhien-cho-tien-ich-label-blogspot.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com20tag:blogger.com,1999:blog-5401149769328527718.post-51403935309917612572018-07-08T05:00:00.002+07:002019-05-11T04:49:12.892+07:00Tạo button để copy nội dung trong khung chứa code cực đơn giản<noscript><img alt="ThichNet" src="https://2.bp.blogspot.com/-TRkF2ENLFpw/W0E3K06kovI/AAAAAAAAAJc/UJU0UCC9Ny0rbej-GWl1ZYexiWX-ZKfjgCLcBGAs/s460/code-copy-thichnet.png" title="ThichNet"></noscript>
Tạo button để copy nội dung trong khung chứa code cực đơn giản, rất nhẹ cho các bạn làm blog thủ thuật:<br>
- Không phức tạp khi viết bài, chỉ cần đặt code trong cặp thẻ <code><pre><code>...</code></pre></code>.<br>
- Chỉ sử dụng script dung lượng nhỏ kết hợp với thư viện Jquery, tốc độ rất nhanh.
<br><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://lh5.ggpht.com/-TRkF2ENLFpw/W0E3K06kovI/AAAAAAAAAJc/UJU0UCC9Ny0rbej-GWl1ZYexiWX-ZKfjgCLcBGAs/s1600/code-copy-thichnet.png"><amp-img layout="responsive" data-original-height="900" data-original-width="1600" src="https://lh5.ggpht.com/-TRkF2ENLFpw/W0E3K06kovI/AAAAAAAAAJc/UJU0UCC9Ny0rbej-GWl1ZYexiWX-ZKfjgCLcBGAs/s460-e30/code-copy-thichnet.png" width="1600" height="900" /></a></div><br>
<a href="https://www.thichnet.com/2018/07/tao-button-copy-noi-dung-trong-khung-chua-code.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com6tag:blogger.com,1999:blog-5401149769328527718.post-80173624632202035242018-06-19T13:48:00.000+07:002019-05-13T04:52:14.930+07:00Bảo vệ nội dung bài viết bằng mật khẩu <noscript><img src="https://1.bp.blogspot.com/-Hkso47kPnBo/Wyh-TAmYCMI/AAAAAAAAAIU/P2Tc6EY3mqgdsBeo238G6W3cxpm4AGuvwCLcBGAs/s640/protect-content-thichnet.png"></noscript>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-Hkso47kPnBo/Wyh-TAmYCMI/AAAAAAAAAIU/P2Tc6EY3mqgdsBeo238G6W3cxpm4AGuvwCLcBGAs/s1600/protect-content-thichnet.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" data-original-height="450" data-original-width="800" height="360" src="https://1.bp.blogspot.com/-Hkso47kPnBo/Wyh-TAmYCMI/AAAAAAAAAIU/P2Tc6EY3mqgdsBeo238G6W3cxpm4AGuvwCLcBGAs/s640/protect-content-thichnet.png" width="640" /></a></div><br>
Hôm nay mình sẽ giới thiệu phương pháp giúp bạn giấu toàn bộ hoặc một phần nội dung bài viết, thủ thuật này sử dụng thư viện CryptoJs với AES nên bạn hoàn toàn có thể yên tâm về khả năng mã hóa của nó. Người đọc sẽ không thể biết được nội dung mã hóa nếu không có mật khẩu mở khóa.
<a href="https://www.thichnet.com/2018/06/bao-ve-noi-dung-bai-viet-bang-mat-khau.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com9tag:blogger.com,1999:blog-5401149769328527718.post-42996306724380772052018-06-07T10:47:00.000+07:002019-05-11T04:37:17.728+07:00Hướng dẫn tối ưu URL nhãn trong Blogspot<noscript><img alt="ThichNet" src="https://1.bp.blogspot.com/-AjIgk0rk5ic/WiDQclHsB_I/AAAAAAAACnE/6n1Tnsz7j34p-Vvcm4Vb3aA6ZJxRAg6BgCK4BGAYYCw/s400/thichnet-blogspot-tips.png" title="ThichNet"></noscript>
Mặc định khi đặt tên nhãn cho bài viết bằng tiếng Việt, thì URL của nhãn trông rất khó nhìn. Ví dụ khi bạn có nhãn là <b>Thủ thuật Blogspot</b> thì đường dẫn được tự động tạo ra như sau:<br>
<a href="https://www.thichnet.com/2017/12/toi-uu-url-label-blogspot-blogger.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com14tag:blogger.com,1999:blog-5401149769328527718.post-9066050706736330492018-05-25T16:25:00.001+07:002019-05-13T04:45:29.187+07:00Hướng dẫn tạo nút Paypal Donate cho website<noscript><img alt="ThichNet" src="https://lh5.ggpht.com/-Tuvrm7sIhQw/WwfXqZLRnMI/AAAAAAAAAHQ/2chBZTM7w1I-CSFqKVyHnu1hS7SkuH9rwCLcBGAs/s600-e30/paypal-donate-button-thichnet.png" title="ThichNet"></noscript>
<div class="separator" style="clear: both; text-align: center;"><a href="https://lh5.ggpht.com/-Tuvrm7sIhQw/WwfXqZLRnMI/AAAAAAAAAHQ/2chBZTM7w1I-CSFqKVyHnu1hS7SkuH9rwCLcBGAs/s1600/paypal-donate-button-thichnet.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" src="https://lh5.ggpht.com/-Tuvrm7sIhQw/WwfXqZLRnMI/AAAAAAAAAHQ/2chBZTM7w1I-CSFqKVyHnu1hS7SkuH9rwCLcBGAs/s600-e30/paypal-donate-button-thichnet.png" width="400" height="225" data-original-width="1280" data-original-height="720" /></a></div>
Cài đặt nút tặng (donate) <b>Paypal</b> trên <b>Blogger</b> là một cách để kiếm tiền từ khách truy cập vào blog của bạn. Tất nhiên là Blog phải có nội dung rất hữu ích đối với người đọc, và người ta cảm thấy bạn xứng đáng, sẵn sàng bỏ ra một số tiền để ủng hộ bạn. <br><br>
<h2>Hướng dẫn tạo nút Paypal Donate cho Blogger Blogspot</h2>
<a href="https://www.thichnet.com/2018/05/huong-dan-tao-nut-paypal-donate-cho-blogspot.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com3tag:blogger.com,1999:blog-5401149769328527718.post-83273205538097863072018-05-25T14:17:00.001+07:002019-05-11T04:56:32.460+07:00Chèn tiện ích bài viết liên quan vào giữa bài viết Blogspot<noscript><img alt="ThichNet" src="https://lh5.ggpht.com/-nak5QaxvZ7k/WwUhxUfkIDI/AAAAAAAAAFs/uOy8QhR7Wzc8roDrO7-z_DkbmyrVUVi8gCLcBGAs/s600-e30/related-post-inside-post-thichnet.png" title="ThichNet"></noscript>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://lh5.ggpht.com/-nak5QaxvZ7k/WwUhxUfkIDI/AAAAAAAAAFs/uOy8QhR7Wzc8roDrO7-z_DkbmyrVUVi8gCLcBGAs/s1600/related-post-inside-post-thichnet.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" data-original-height="450" data-original-width="800" height="225" src="https://lh5.ggpht.com/-nak5QaxvZ7k/WwUhxUfkIDI/AAAAAAAAAFs/uOy8QhR7Wzc8roDrO7-z_DkbmyrVUVi8gCLcBGAs/s600-e30/related-post-inside-post-thichnet.png" width="400" /></a></div>
<br>
Tiện ích bài viết liên quan thường xuất hiện ở cuối mỗi bài viết, giúp người đọc truy cập tới các bài viết khác cùng chuyên mục. Bài viết này sẽ hướng dẫn các bạn thêm tiện ích bài viết liên quan vào Blogspot, tuy nhiên vị trí xuất hiện sẽ là ở giữa bài viết
<a href="https://www.thichnet.com/2018/05/chen-tien-ich-bai-viet-lien-quan-vao-giua-bai-viet-blogspot.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com2tag:blogger.com,1999:blog-5401149769328527718.post-27360442077227988412018-05-22T16:20:00.001+07:002019-05-11T04:56:53.953+07:00Đưa ảnh đầu tiên lên trên tiêu đề bài viết Blogspot<noscript><img alt="ThichNet" src="https://lh5.ggpht.com/-tXPs8jbabUI/WwPax4cVUcI/AAAAAAAAAFY/qTc8xpqRjJggLjFKEQsMx_10xiim95j7wCLcBGAs/s400-e30/image-above-title-thichnet.png" title="ThichNet"></noscript>
<div class="separator" style="clear: both; text-align: center;"><a href="https://lh5.ggpht.com/-tXPs8jbabUI/WwPax4cVUcI/AAAAAAAAAFY/qTc8xpqRjJggLjFKEQsMx_10xiim95j7wCLcBGAs/s1600/image-above-title-thichnet.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" src="https://lh5.ggpht.com/-tXPs8jbabUI/WwPax4cVUcI/AAAAAAAAAFY/qTc8xpqRjJggLjFKEQsMx_10xiim95j7wCLcBGAs/s400-e30/image-above-title-thichnet.png" width="400" height="225" data-original-width="800" data-original-height="450" /></a></div><br \>
Đưa hình ảnh đầu tiên lên trên tiêu đề bài viết giúp thay đổi cách tiếp cận bài viết đối với độc giả, giống như hình ảnh nổi bật mà một số trang Wordpress hay áp dụng.
<a href="https://www.thichnet.com/2018/05/dua-hinh-anh-dau-tien-len-tren-tieu-de-bai-viet-blogspot.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com1tag:blogger.com,1999:blog-5401149769328527718.post-29513282544704011982018-05-21T10:45:00.000+07:002019-05-11T04:24:15.847+07:00Tạo hiệu ứng chuyển màu liên tục cho button<noscript><img alt="ThichNet" src="https://3.bp.blogspot.com/-Zg_WuC8zcLA/WwI7rlJyieI/AAAAAAAAAFE/bxyHxaKwzz8TWBS91c03ZnV9v2GdTjsZwCLcBGAs/s1600/button-thichnet.jpg" title="ThichNet"></noscript>
Hiệu ứng chuyển màu liên tục cho button được <b>Arlina</b> sử dụng cho các button Demo/Download, mình thấy khá lạ nên Rip về.
<a href="https://www.thichnet.com/2018/05/tao-hieu-ung-chuyen-mau-lien-tuc-cho.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-40935750581263793542018-05-19T09:21:00.001+07:002019-05-11T04:21:54.426+07:00Tạo trang chuyển hướng tới các trang rút gọn link kiếm tiền<noscript><img alt="ThichNet" src="https://2.bp.blogspot.com/-YmwcOkMun0M/WvFmpk8BJWI/AAAAAAAAAEc/MTGuzSarcvEdOBTchwMPHorzP9rjaM4QQCLcBGAs/s640/redirect-page-thichnet.png" title="ThichNet"></noscript>
<div class="separator" style="clear: both; text-align: center;"><a href="https://lh5.ggpht.com/-YmwcOkMun0M/WvFmpk8BJWI/AAAAAAAAAEc/MTGuzSarcvEdOBTchwMPHorzP9rjaM4QQCLcBGAs/s1600/redirect-page-thichnet.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" src="https://lh5.ggpht.com/-YmwcOkMun0M/WvFmpk8BJWI/AAAAAAAAAEc/MTGuzSarcvEdOBTchwMPHorzP9rjaM4QQCLcBGAs/s640-e30/redirect-page-thichnet.png" width="640" height="360" data-original-width="800" data-original-height="450" ></amp-img></a></div>
Trang chuyển hướng này không giống với các trang chuyển hướng thông thường, Thủ thuật này cho phép chuyển hướng liên kết tới các trang rút gọn link kiếm tiền. <br>Điều đặc biệt là có thể tự động chuyển hướng tới các trang rút gọn link khác nhau sau số lần click tùy chọn (sử dụng code từ trang thichcode.net) - do một số trang rút gọn giới hạn một số truy cập nhất định trong ngày/ 1 IP.<br> Ngoài ra bạn cũng có thể tạo các thông báo hoặc chèn quảng cáo trên trang chuyển hướng đó.
<a href="https://www.thichnet.com/2018/05/tao-trang-chuyen-huong-toi-cac-trang-rut-gon-link.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com39tag:blogger.com,1999:blog-5401149769328527718.post-10979047467509863912018-04-28T11:55:00.001+07:002019-05-13T04:44:39.766+07:00Tạo trang nén và làm đẹp code CSS<noscript><img alt="ThichNet" src="https://4.bp.blogspot.com/-HLwMM6rynog/WuP6LoBfJkI/AAAAAAAAADw/rQabkrXTlh0T9W9pI_6zWnzTbddOQE3ygCLcBGAs/s640/minifier-beautifier-thichnet.png" title="ThichNet"></noscript>
Nén CSS giúp mã nguồn trang Web gọn hơn, giảm dung lượng, còn làm đẹp CSS để cho các dòng code trở nên dễ nhìn hơn, thuận lợi cho việc chỉnh sửa code.
<a href="https://www.thichnet.com/2018/04/tao-trang-nen-va-lam-dep-code-css.html#more"></a>thichnethttp://www.blogger.com/profile/13447241734812298658noreply@blogger.com14tag:blogger.com,1999:blog-5401149769328527718.post-41994360715683358062018-04-27T08:21:00.003+07:002019-05-13T04:41:10.101+07:00Tự động thêm link chuyển hướng liên kết ngoài cho Blogspot<noscript><img alt="ThichNet" src="https://3.bp.blogspot.com/-ATLULTVTY9M/WuF4H2HK8qI/AAAAAAAAFMs/XWgpdqWrzcgrK0Y4bqXld1pElSJVqZCSACLcBGAs/s640/add-redirect-link-thichnet.png" title="ThichNet"></noscript>
Thêm link chuyển hướng cho liên kết ngoài giúp ta chuyển đển một trang trung gian trước khi chuyển tới liên kết đích thật sự. Và ở trang trung gian đó bạn có thể thêm thông báo hoặc các chức năng mà bạn muốn. Ví dụ bạn có link ngoài là <code>https://mediafire.com/abcxyz123</code>, và bạn muốn thêm trang chuyển hướng cho nó thành <code>https://www.thichnet.com/p/redirect.html?url=https://mediafire.com/abcxyz123</code>
<a href="https://www.thichnet.com/2018/04/tu-dong-them-link-chuyen-huong-truoc-lien-ket-ngoai.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com16tag:blogger.com,1999:blog-5401149769328527718.post-22577851357813402942018-04-21T05:16:00.000+07:002019-05-11T04:13:28.531+07:00Hiệu ứng trượt mượt mà (Smooth scroll) chỉ dùng Javascript<noscript><img alt="ThichNet" src="https://4.bp.blogspot.com/-HcURJSp8Pr8/WuFzq3cF88I/AAAAAAAAFMA/isgi0mRqCF0CLW5VxJTIJCh7KuklBwbKQCLcBGAs/s640/smooth-scroll-thichnet.png" title="ThichNet"></noscript>
Hiệu ứng trượt mượt mà (Smooth scroll) khi lăn chuột giúp tăng trải nghiệm người dùng, mình sẽ giới thiệu cách tạo hiệu ứng này chỉ với Javascript
<a href="https://www.thichnet.com/2018/04/hieu-ung-truot-muot-ma-smooth-scroll-dung-javascript.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-72163888261244020062018-04-14T16:27:00.001+07:002019-05-11T04:14:03.048+07:00Thay đổi màu chữ khi rê chuột qua<noscript><img alt="ThichNet" src="https://3.bp.blogspot.com/-0X1S3cYFHj0/WuF1d7j-GdI/AAAAAAAAFMU/0L4sboo-dmcFBKDYYSJDFWZzLK-cq-OEQCLcBGAs/s1600/change-text-color-thichnet.png" title="ThichNet"></noscript>
<br>
Thay đổi màu chữ khi rê chuột qua là một hiệu ứng khá bắt mắt, từng ký tự một trong đoạn văn bản sẽ đổi màu khi bạn rê chuột qua, và mỗi lần là một màu khác nhau.
<a href="https://www.thichnet.com/2018/04/thay-doi-mau-chu-khi-re-chuot-qua.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com1tag:blogger.com,1999:blog-5401149769328527718.post-53236010599316865712018-04-14T15:48:00.002+07:002019-05-11T04:13:55.010+07:00Chèn tiêu đề và link gốc bài viết khi copy cho website<noscript><img alt="ThichNet" src="https://4.bp.blogspot.com/-EHhiKFxF-G8/WtG8-tD27bI/AAAAAAAAFGA/ARAmfBG69FgF-vPKugBhfVqOSKkiwhHTwCLcBGAs/s1600/thichnet-stick-attibution.png" title="ThichNet"></noscript>
Chèn tiêu đề và link gốc bài viết khi người khác copy bài viết trên trang web sẽ hạn chế và gây khó khăn thêm cho những người đi copy bài của bạn.
<a href="https://www.thichnet.com/2018/04/chen-tieu-de-link-goc-bai-viet-khi-copy.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-23559257564460992112018-04-11T14:56:00.001+07:002019-05-11T03:55:30.211+07:00Generic Syntax Highlighter - Làm đẹp code cực nhẹ và nhanh cho Blog<noscript><img alt="ThichNet" src="https://4.bp.blogspot.com/-ym2-8hYELoo/Ws3Cp5DlhiI/AAAAAAAAFFc/R2cY5ghO2vcUQ4MF3DUrqPEhrj97wEOGACLcBGAs/s640/generic-syntax-highlighter.png" title="ThichNet"></noscript>
Làm đẹp code thường được các Blog về thủ thuật áp dụng. Có nhiều script được dùng để làm việc này, Generic Syntax Highlighter là một trong số đó. Đây là script có dung lượng rất nhỏ (3KB), đủ đáp ứng được yêu cầu cơ bản.
<a href="https://www.thichnet.com/2018/04/generic-syntax-highlighter-lam-dep-code.html#more"></a>MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-63666443191782577762018-04-11T05:10:00.000+07:002019-05-10T16:24:29.880+07:00Chia sẻ khóa học html/css3, bootstrap 4, và học cắt web từ file thiết kế<noscript><img alt="ThichNet" src="https://lh5.ggpht.com/-Ad29P3AMfAI/WsATD_eXKGI/AAAAAAAAFAI/lVf4jLfl8PIwRkIkbDEnzdOTHAOPIf_6ACLcBGAs/s640-e30/thichnet-html-css-bootstrap.png" title="ThichNet"></noscript>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://lh5.ggpht.com/-Ad29P3AMfAI/WsATD_eXKGI/AAAAAAAAFAI/lVf4jLfl8PIwRkIkbDEnzdOTHAOPIf_6ACLcBGAs/s1600/thichnet-html-css-bootstrap.png" style="margin-left: 1em; margin-right: 1em;"><amp-img layout="responsive" data-original-height="680" data-original-width="1292" height="337" src="https://lh5.ggpht.com/-Ad29P3AMfAI/WsATD_eXKGI/AAAAAAAAFAI/lVf4jLfl8PIwRkIkbDEnzdOTHAOPIf_6ACLcBGAs/s640-e30/thichnet-html-css-bootstrap.png" width="640" /></a></div>
<div>
Đây là khóa học dạy học html và css một cách bài bản qua việc cover lại các bài tập thực tế : vnexpress, dantri, kenh14... <br />
<b>Điểm nhấn của khóa học là</b><br />
- Số lượng bài tập rất nhiều để qua các bài tập tự hiểu được bản chất từng thuộc tính css <br />
- Khóa học sử dụng bootstrap 4 - công cụ lập trình html front end mới nhất được sử dụng hiện nay. <br />
- Học cách sử dụng photoshop dùng cho việc cắt web. <br />
- Xử lý các giao diện thực tế đang bán chạy trên thế giới.</div>
<div class="describe">
<br /></div>
<div class="describe">
<b>Ủng hộ tác giả bằng cách mua trực tiếp <a href="https://edumall.vn/course/hoc-cat-htmlcss" target="_blank">tại đây</a></b></div>
<div class="describe">
<br />
Nếu không các bạn có thể tải về theo link bên dưới (Google Drive):</div>
<div class="download-box">
<a class="button download" href="https://diglink.blogspot.com/2018/06/forex-is-invest-of-future.html#?o=c94da49bf02260e26837683905ee8c5ad796f95e4e0f87a134efc4b808a428d035f89254f4f5dc60db1029b83161a42ff4b28707e1f0493160f4a75959b59c1b6f02e1da263878c32ae415c6ac52961371044e3a16f85ae8384ee266cb740b26b2d5af86b0e6193c" target="_blank">Download</a><a class="button download" href="https://diglink.blogspot.com/2018/06/forex-is-invest-of-future.html#?o=27d5851f730fc7c351a6aaa1417c67511f4becee8b5912eca1b6904e686917b3be4a23266fc4ab3bc72738503eba6eecb11b383334cd2e9ee61a2dea9801a8cd21ea8ba733176a261444916ee7dff7f951ba4a854fa64d6e" target="_blank">Mirror</a></div>
Nguồn: <a href="https://diglink.blogspot.com/2018/06/forex-is-invest-of-future.html#?o=65a9889f47ea0be4a2730cb73ca7992d0ba3b0e16a59f4cf66cc74ecfad9700aef800f3a2823226ce4af94306b4486b4e45dcb8cb850c84d471f77be510d57aeda0018817a1eeb1764f8274945ed6a365b38f4b96641512d" target="_blank">J2team</a>
MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-68284314570374717852018-04-02T13:25:00.000+07:002019-05-10T16:18:50.682+07:00Code chuyển hướng khi bấm CTRL+U hoặc F12 cho Blgospot<noscript><img alt="ThichNet" src="https://4.bp.blogspot.com/-wZ_waHLYCDE/WsG4zUCfP9I/AAAAAAAAFBM/o6CQyCf64kARqT3PLSUnd-iX2fN9ceZ_gCLcBGAs/s640-e30/thichnet-condition-disable_ctrlu.png" title="ThichNet"></noscript>
Để ngăn ngừa người khác sử dụng phím F12 (kiểm tra phần tử inspect element ) hoặc Ctrl+U, bạn có thể sử dụng đoạn script bên dưới. Nó sẽ chuyển hướng trang web đến một trang được thiết lập sẵn khi bấm Ctrl+U. <br />
<br />
<b>Bước 1</b>: Đăng nhập Blogger › Mẫu › Chỉnh sửa HTML.<br />
<br />
<b>Bước 2</b>: Thêm đoạn script bên dưới vào trước thẻ <code></body></code>:<br />
<pre><code><script type="text/javascript">
(function(){(function a(){try{(function b(i){if((''+(i/i)).length!==1||i%20===0){(function(){}).constructor('debugger')()}else{debugger}b(++i)})(0)}catch(e){setTimeout(a,5000)}})()})();
</script>
<script type='text/javascript'>
//<![CDATA[
//Script Redirect CTRL + U
function redirectCU(e) {
if (e.ctrlKey && e.which == 85) {
window.location.replace("https://www.thichnet.com/p/sitemap.html");
return false;
}
}
document.onkeydown = redirectCU;
//]]>
</script>
</code></pre>
Thay thế phần chữ được đánh dấu bằng trang bạn muốn chuyển tới › Lưu mẫu.<br />
Done!
MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com1tag:blogger.com,1999:blog-5401149769328527718.post-72459314345323437882018-03-31T12:03:00.000+07:002019-05-10T16:26:24.805+07:00Sử dụng các thẻ điều kiện B:IF / B:ELSEIF / B:ELSE trong Blogger Blogspot<noscript><img alt="ThichNet" src="https://2.bp.blogspot.com/-hegMQ61-rM4/Wr8IHTqD10I/AAAAAAAAE_o/dK8XX889-Q8i5nLbYcx9hnrNHXMVPl0iQCLcBGAs/s320/thichnet-condition-tags.png" title="ThichNet"></noscript>
Các thẻ điều kiện được sử dụng trong thiết kế Blogger template<br />
Xem thêm <a href="/2016/03/the-dieu-kien-day-du-blogger-blogspot.html">Cách sử dụng các thẻ điều kiện Blogger 2018</a>
<h2>
B:IF</h2>
<pre><code><b:if cond='CONDITION'>
<!-- block of code to be executed if the condition is true -->
</b:if>
</code></pre>
<h2>
B:IF / B:ELSE</h2>
<pre><code><b:if cond='CONDITION'>
<!-- block of code to be executed if the condition is true -->
<b:else/>
<!-- block of code to be executed if the condition is false -->
</b:if>
</code></pre>
<h2>
B:IF / B:ELSEIF</h2>
<pre><code><b:if cond='CONDITION1'>
<!-- block of code to be executed if the condition1 is true -->
<b:elseif cond='CONDITION2'/>
<!-- block of code to be executed if the condition1 is false and condition2 is true -->
</b:if>
</code></pre>
<h2>
B:IF / B:ELSEIF / B:ELSE</h2>
<pre><code><b:if cond='CONDITION1'>
<!-- block of code to be executed if the condition1 is true -->
<b:elseif cond='CONDITION2'/>
<!-- block of code to be executed if the condition1 is false and condition2 is true -->
<b:else/>
<!-- block of code to be executed if the condition1 is false and condition2 is false -->
</b:if>
</code></pre>
Lưu ý:<br />
<ul>
<li>Các thẻ <code class="notranslate blue"><b:if></code>, <code class="notranslate blue"><b:elseif> và </code><code class="notranslate blue"><b:else></code> hoạt động trong tất cả code XML, ngoại trừ thẻ <code class="notranslate blue"><b:skin></code>.</li>
<li>Có thể sử dụng tổ hợp nhiều thẻ <code class="notranslate blue"><b:if></code>.</li>
<li>Thẻ <code class="notranslate blue"><b:elseif></code> và <code class="notranslate blue"><b:else></code> phải được đặt trong thẻ <code class="notranslate blue"><b:if></code>.</li>
<li>Việc sử dụng thẻ <code class="notranslate blue"><b:elseif></code> và <code class="notranslate blue"><b:else></code> là không bắt buộc.</li>
<li>Thẻ <code class="notranslate blue"><b:elseif></code> có thể được sử dụng nhiều lần trong thẻ <code class="notranslate blue"><b:if></code>.</li>
<li>Thẻ <code class="notranslate blue"><b:else></code> chỉ được sử dụng một lần trong thẻ <code class="notranslate blue"><b:if></code>. Nếu <code class="notranslate blue"><b:if></code> chứa một hoặc nhiều thẻ <code class="notranslate blue"><b:elseif></code>, thì thẻ <code class="notranslate blue"><b:else></code> phải được sử dụng cuối cùng.</li>
</ul>
MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com0tag:blogger.com,1999:blog-5401149769328527718.post-52307118686295912572017-12-24T04:44:00.003+07:002021-05-19T04:22:30.397+07:00Loại bỏ CSS và JS mặc định của Blogger 2021<noscript><img height="254" src="https://lh5.ggpht.com/-znAiGCtOSF4/Wj7Mii5VbnI/AAAAAAAAC1Q/I3wvJM9zpLc76XD9XxUrfHFWel608EOJwCK4BGAYYCw/s640-e30/remove-default-css-js-thichnet.png" width="640" /></noscript>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://lh5.ggpht.com/-znAiGCtOSF4/Wj7Mii5VbnI/AAAAAAAAC1Q/I3wvJM9zpLc76XD9XxUrfHFWel608EOJwCK4BGAYYCw/s1600/remove-default-css-js-thichnet.png"><amp-img layout="responsive" height="254" src="https://lh5.ggpht.com/-znAiGCtOSF4/Wj7Mii5VbnI/AAAAAAAAC1Q/I3wvJM9zpLc76XD9XxUrfHFWel608EOJwCK4BGAYYCw/s640-e30/remove-default-css-js-thichnet.png" width="640" /></a></div>
Mặc định <b>Blogger</b> sẽ tự động thêm tải một vài link <b>CSS</b> và <b>JS</b>, mặc dù trong template nhưng không thấy link của những <b>CSS</b> và <b>JS</b> mặc định này. Nếu bạn không thực sự cần đến chúng thì tội gì không loại bỏ chúng để tăng tốc độ tải trang và không bị báo chặn hiển thị khi kiểm tra bằng <a href="https://www.thichnet.com/2017/12/cong-cu-kiem-tra-toc-do-website.html" target="_blank"><b>Google testing insight</b>.</a><br />
Thực hiện việc này rất đơn giản, bạn chỉ cần thêm <code>b:css='false'</code> và <code>b:js='false'</code> ngay sau <code><html</code>:<br />
<pre><code><html <span style="background-color: yellow;">b:css='false'</span> b:defaultwidgetversion='2' <span style="background-color: yellow;">b:js='false'</span> b:layoutsVersion='3' b:responsive='true'
</code></pre>
Lưu ý là sau khi loại bỏ <b>JS</b> mặc định thì khi vào mục <b>Layout</b> thì sẽ không hiển thị bố cục trang web, vì vậy khi nào cần sử dụng tới phần <b>Layout</b> thì bạn xóa <code>b:js='false'</code> trong theme đi, sau khi chỉnh sửa xong thì lại thêm vào.<br />
<br />MaxBonghttp://www.blogger.com/profile/03549080229754027394noreply@blogger.com0