Ngừng chuyển hướng truy cập /?m=1 khi khách truy cập blog trên thiết bị di động.

Theo mặc định, blogspot tạo các URL bài đăng trên blog khác nhau cho cả chế độ xem trên máy tính và thiết bị di động. Ví dụ: 

- chế độ xem trên máy tính: https://doanquocbinh.blogspot.com/2021/08/su-dung-dropbox-lam-host-file-cho.html 

- chế độ xem trên thiết bị di động: https://doanquocbinh.blogspot.com/2021/08/su-dung-dropbox-lam-host-file-cho.html?m=1

 Khi bạn truy cập vào 2 link ví dụ ở trên, bạn có thể thấy chúng đang gián tiếp trỏ đến cùng một bài đăng. Theo nguyên tắc về chất lượng tìm kiếm của google thì đây là vấn đề nội dung trùng lặp. Cả hai trang đều hiển thị nội dung giống nhau như vậy là vi phạm nguyên tắc về chất lượng tìm kiếm của google về việc không cho phép người dùng truy cập cùng một thông tin bằng các liên kết khác nhau và điều này ảnh hưởng đến SEO blog của bạn và hạ xếp hạng của bạn. Để xoá các liên kết blogspot với ?m=1, bạn hãy làm theo hướng dẫn dưới đây. Chú ý sao lưu template của bạn trước khi thực hiện.

Bước 1: Nhấp vào Theme (Chủ đề) 

Bước 2: Nhấp vào menu thả xuống vào chọn chỉnh sửa HTML 

Bước 3: Tìm bằng cách sử dụng chức năng tìm kiếm và dán đoạn mã dưới đây và bên trên 

<script>
//<![CDATA[
    var uri = window.location.toString();
    if (uri.indexOf("?m=1", "?m=1") > 0) {
        var clean_uri = uri.substring(0, uri.indexOf("?m=1"));
        window.history.replaceState({}, document.title, clean_uri);
    }
//]]>
</script>

Bước 4: Nhấn vào nút lưu để lưu template lại, vậy là hoàn thành rồi. Bây giờ bạn hãy kiểm tra xem nó có hoạt động hay không nhé. Blog của mình đã sử dụng nên khi bạn truy cập 2 link ở ví dụ trên nó sẽ cùng chuyển hướng về một link đó ^-^

Cách thu gọn (rút gọn) tiêu đề bài viết trên blogspot bằng css

 Thủ thuật này áp dụng cho tiêu đề bài viết trên trang chủ, đơn giản nó chỉ là một thủ thuật với css nên cũng có thể áp dụng cho recent post (bài viết gần đây), popular post (bài đăng phổ biến), recent comment (bình luận gần đây)....
Công dụng của thủ thuật này chủ yếu tuỳ thuộc vào quan điểm thẩm mỹ của bạn, có thể bạn thích hoặc không nhưng đối với mình nó có lợi là đối với những tiêu đề quá dài so với độ rộng của vùng chứa thì dùng thủ thuật này giúp blog của bạn nhìn sẽ cân đối và chuyên nghiệp hơn.
ngoài ra tiêu đề bị khuất mất một đoạn cũng có thể gây tò mò với người đọc, họ có thể click vào xem rốt cuộc cái bài viết đó trình bày vấn đề gì ^_^
Cách làm như sau:
Bước 1: Bạn cần xác định được ID hoặc Class của tiêu đề bài viết bạn muốn thu gọn là gì, ví dụ mình muốn thu gọn tiêu đề bài viết của danh sách bài viết mới trên trang chủ của blog có class là .index-post .post-info > h2
Bước 2: Thêm vào dưới nó đoạn css dưới đây(đã bao gồm css của class ở trên) là tiêu đề đã được rút gọn rồi.

.index-post .post-info > h2{
text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
}

trong đó cái đoạn -webkit-line-clamp: 1; thì số 1 là số dòng mà tiêu đề sẽ được rút gọn, trường hợp này mình muốn rút gọn lại còn một dòng thì mình để số 1, phần tiêu đề bị khuất sẽ hiển thị bằng dấu 2 chấm.
tuy nhiên khi bạn thiết kế template responsive thì nên áp dụng thủ thuật này cho một số kích thước màn hình thôi chứ không nên áp dụng hết.
Như vậy là mình đã chia sẻ xong cách rút ngon tiêu đề bài viết cho blogspot rồi, chúc bạn thành công.