Posts

Showing posts with the label Blogger

Hướng dẫn phân trang bài viết trên blogspot

Image
Phân trang bài viết thường áp dụng cho blog có xu hướng có các bài đăng dài như blog tin tức, chức năng chia bài viết thành nhiều trang và chỉ hiển thị khi người dùng nhấp vào nút số tiếp theo hoặc tiếp theo. giống như phân trang của blog Đối với những bạn không muốn viết bài viết dài, bài đăng chia tách này sẽ rất hữu ích, ngoài một blog trông gọn gàng hơn cũng có thể cung cấp trải nghiệm đọc tốt hơn. Hướng dẫn phân trang bài viết trên blogspot Truy cập vào Blogger.com -> Chủ đề -> Chỉnh sửa HTML sao chép mã CSS dưới đây đặt trên thẻ đóng ]]></b:skin> .postNav{display:flex;flex-wrap:wrap;justify-content:center; font-size:90%;line-height:20px; color:#fefefe; margin-top:30px;margin-bottom:0} .postNav > *{display:flex;align-items:center; padding:10px 13px;margin-bottom:10px; color:inherit;background-color:#f09800; border-radius:2px;text-decoration:none} .postNav > *:hover{opacity:.8} .postNav .current{background-color:rgba(0,0,0,.03); color:#989b9f} .postNav{font-

Script nhỏ giúp tự động thêm thuộc tính ảnh (thẻ alt) trong Blogspot

Image
Một trong những yếu tố xếp hạng chính là tối ưu hóa hình ảnh thích hợp cho SEO. Nhiều blogger lười biếng để thêm một thẻ alt vào hình ảnh.Vì mình mới có Script nhỏ sẽ tự động thêm thẻ alt trong hình ảnh blog của bạn. Tự động thêm thuộc tính ảnh trong Blogspot Tự động thêm thuộc tính ảnh trong Blogspot Truy cập  Blogger.com  đi đến sửa Chủ đề, tìm và thêm đoạn Script dưới vào trên thẻ đóng </body> <script type='text/javascript'> //<![CDATA[ $(document).ready(function() {   $('img').each(function(){     var $img = $(this);     var filename = $img.attr('src')     $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));     $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));   }); }); //]]> </script> Cái này cơ bản không thể bằng việc thêm alt một cách thủ công được, nhưng cũng giúp được phần nào với tính "

Bắt đầu tạo blog miễn phí trên Blogspot hướng dẫn từ đầu

Image
Hiện nay trên mạng đang có rất nhiều trang web và phần mềm miễn phí hỗ trợ người dùng tạo và phát triển blog cá nhân hoàn toàn miễn phí, trong đó không thể không nhắc đến hai trang web nổi tiếng đó là Blogger vs WordPress . Trong bài viết này, mình sẽ hướng dẫn các bạn các bước tạo một website trên Blogspot (hay còn gọi là Google Blogger) hoàn toàn miễn phí, và thậm chí bạn còn có thể kiếm tiền online trên trang blog của mình mà không cần phải đầu tư gì cả. Blog là gì Blog là gì ? Một trang blog cá nhân sẽ có chức năng tương tự như một cuốn sổ nhật ký online, ở đó bạn có thể thoải mái thường xuyên cập nhật và chia sẻ các thông tin cá nhân của mình đến mọi người, mỗi cập nhật trên blog sẽ được gọi là một bài viết. Các bài viết có thể được dựa trên một chủ đề cụ thể hoặc trên một loạt các chủ đề tùy thuộc vào chủ nhân của trang blog lựa chọn. Các bài đăng mới nhất trên blog sẽ xuất hiện ở trang đầu tiên của blog và được xuất hiện theo thứ tự thời gian từ mới đến cũ. Tại sao nên chọn viế

Tự động đánh liên kết nguồn khi copy trên web/blog

Image
Thực tế rất dễ dàng để sao chép văn bản từ một trang web và dán nó vào một trang web khác. Về mặt kỹ thuật, nếu một khách truy cập blog sao chép văn bản từ một trang web cụ thể, bạn sẽ phải cung cấp một liên kết đến nguồn gốc của trang web mà bạn đã sao chép văn bản. Nhưng cũng có những người bỏ qua điều quan trọng này. Để tránh điều đó, ở đây tôi sẽ cung cấp cho bạn một mã Javascrpit tự động nếu ai đó sao chép một đoạn văn bản từ bài viết của bạn, nó sẽ tự động hiển thị liên kết nguồn của văn bản mà nó sao chép. Mặc dù bằng cách này mình nghĩ rằng vẫn còn kém hiệu quả bởi vì các liên kết nguồn có thể được gỡ bỏ một cách dễ dàng và những lời khuyên này là một cách cũ mà vẫn có thể được sử dụng , nhưng ít nhất sẽ đưa ra một cảnh báo nhỏ cho những người sao chép các văn bản của bài viết blog của bạn. Dưới đây là cách tự động thêm liên kết nguồn. Tự động đánh liên kết nguồn khi copy trên web/blog Tự động đánh liên kết nguồn khi copy trên web/blog Đoạn mã hoạt động trong một số trình duyệt

Hướng dẫn tạo bài viết ngẫu nhiên cho blogspot 2021

Image
Hướng dẫn tạo bài viết ngẫu nhiên cho blogspot. Tiện ích bài viết ngẫu nhiên cho blogspot giới thiệu sau đây thay vì 1 lần tải toàn bộ feed thì sẽ tải lần lượt theo số bài viết muốn hiển thị và chỉ lấy duy nhất 1 bài trong 1 lần tải. Hướng dẫn tạo bài viết ngẫu nhiên cho blogspot 2021 Hướng dẫn tạo bài viết ngẫu nhiên cho blogspot Css giao diện Sao chép mã CSS này vào trước thẻ đóng  ]]</b:skin> #randomposts{padding:10px 10px 0} #randomposts .random_item{margin:0 10px 10px 0;display:block;float:left;width:calc(50% - 10px);height:auto;} #randomposts .random_items,#randomposts .random_item:nth-child(odd),#randomposts .random_item .clear{clear:both;} #randomposts .random_items{margin-right:-10px;} #randomposts .url_item{display:block;text-decoration:none;} #randomposts .img_item {display:block;margin-bottom:5px;padding:0;width:100%;height:auto;transition:all 400ms ease-in-out;} #randomposts .random_item:hover .img_item{opacity:.7;} #randomposts .title_item{display:block;padding-righ

Hướng dẫn sao lưu và import dữ liệu bài viết trong blogspot 2021

Image
Blogspot cho phép bạn sao lưu và phục hồi bài viết (bài đăng) trên blog của mình, (Còn gọi là Export / Import blog). Thao tác này sẽ rất hữu ích trong trường hợp blog bị xóa, hoặc bạn muốn chuyển bài viết blogspot sang nền tảng khác như WordPress, Tumblr… Hoặc đơn giản chỉ là muốn sao lưu cho chắc chắn. Hướng dẫn sao lưu bài viết blogspot File sao lưu của blogspot sẽ có định dạng *.xml, chứa thông tin của tất cả bài viết có trên blog của bạn với đầy đủ các bài viết và cả những lời chia sẻ của bạn bè trong từng bài viết - y hệt như trang blog hiện tại của các bạn, dung lượng ít hay nhiều tùy thuộc vào số lượng bài viết có trên blog. Để sao lưu bạn cần đăng nhập blog, vào mục Cài đặt > Quản lý blog > Sao lưu nội dung Sao lưu nội dung blog Lưu file *.xml về máy, mặc định tên của file xml sẽ là blog-thang-ngay-nam.xml (ví dụ: blog-06-18-2015.xml) nên đổi tên cho dễ quản lý. Với file xml này bạn có thể import sang blog mới, hoặc lên các nền tảng blog khác như Tumblr, WordPress… Hướn

Hướng dẫn xóa thông báo "Showing post with label" trong blogspot

Image
Bài viết này là một thủ thuật nhỏ giúp các bạn xóa hoặc thay đổi nội dung hoặc định dạng "Hiển thị bài đăng có NHÃN " của Blogger. Hiển thị tất cả các bài đăng thông báo và đó là hộp màu xám xấu xí (Theo mình thấy là vậy). Vì một lí do nào đó, Blogger không cung cấp bất kỳ cách nào để tùy chỉnh hoặc cấu hình thông báo này. Nhưng dễ dàng để xóa hoàn toàn nó, hoặc thay đổi định dạng, hoặc thay đổi văn bản Hướng dẫn xóa thông báo "Showing post with label" Xóa hoàn toàn Tìm kiếm giống với đoạn code dưới đây <b:includable id='status-message'>   <b:if cond='data:navMessage'>     <div class='status-msg-wrap'>       <div class='status-msg-body'>         <data:navMessage/>       </div>       <div class='status-msg-border'>         <div class='status-msg-bg'>           <div class='status-msg-hidden'><data:navMessage/></div>         </div>       </