Hướng dẫn tối ưu thẻ H1, H2 cho Blogspot

LongAnIT 12/29/2018 10:56:00 SA Bình luận
Việc tối ưu hóa các thẻ H1, H2 trên blospot là vô cùng cần thiết để có thể giúp bạn dễ dàng SEO Blogspot. Ở đây với thẻ H1 sẽ cho tiêu đề của các trang bài viết hoặc Static, còn thẻ H2 sẽ cho tiêu đề trang chủ, trang label và trang lưu trữ.
Hướng dẫn tối ưu thẻ H1, H2 cho Blogspot
Hướng dẫn tối ưu thẻ H1, H2 cho Blogspot

Đối với các bài viết, thì thẻ H2 này chính là tiêu đề của các widget trên sidebar, footer…Trong bài viết này tôi sẽ hướng dẫn các bạn cách làm thế nào để tối ưu các thẻ H1, H2 cho Blogspot? với các bước thực hiện như sau. Do việc tối ưu can thiệp vào trong code của template blogspot vì vậy việc cần làm đầu tiên là bạn nên backup toàn bộ Template của Blog trước khi tiến hành chỉnh sửa nhé.

Bước 1: Tiến hành sao lưu template trước khi tiến hành chỉnh sửa code
Sao lưu template trước khi tiến hành chỉnh sửa code
Sao lưu template trước khi tiến hành chỉnh sửa code
Bước 2: Truy cập vào trang quản trị Blogger - Chủ đề - Chỉnh sửa HTML
Bước 3: Tìm đoạn code sau <div class='post hentry'> và thay thế toàn bộ nó bằng đoạn code bên dưới.

<div class='post hentry' itemprop='blogPost' itemscope='itemscope'itemtype='https://schema.org/BlogPosting'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
Tiếp tục tìm đoạn code này hoặc đoạn code nào đó tương tự như thế:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
 Nếu là các template mới thì code có thể dạng như thế này:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

 Tiến hành thay thế toàn bộ đoạn code tìm được đó bằng đoạn code đã tối ưu này:
<b:if cond='data:post.title'>
                     <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
     </h2>
                       <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
<h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <data:post.title/>
     <b:else/>
        <b:if cond='data:post.url'>
         <data:post.title/>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</b:if></b:if>
Bước 4: Lưu template lại để hoàn thành việc chình sửa tối ưu.

Kết luận: Qua bài viết trên tôi đã hướng dẫn cho các bạn cách để tối ưu các thẻ H1, H2 trong blogspot giúp cho blogspot của bạn chuẩn SEO Onpage giúp cho việc SEO nhanh lên top.

Script tạo hiệu ứng chữ chạy trên thanh tiêu đề cho Blog

LongAnIT 12/29/2018 09:59:00 SA Bình luận
Đây là hiệu ứng tạo chữ chạy trên thanh tiêu đề cho Blog của trang chạy qua lại trông rất bắt mắt, với đoạn code tôi chia sẻ bên dưới sẽ giúp cho các bạn thực hiện được hiệu ứng ấy một cách dễ dàng trên Blogger.
Script tạo hiệu ứng chữ chạy trên thanh tiêu đề cho Blog
Script tạo hiệu ứng chữ chạy trên thanh tiêu đề cho Blog

Thật ra thì code kiểu này có từ rất lâu rồi, nhiều bạn chuyên về thiết kế Web hoặc Blog thì nó quá đơn giản rồi đúng không nào. Tuy nhiên đối với những bạn mới bước vào nghề thì hơi bị khó đấy. Qua đây  mình cũng xin giới thiệu lại cho một số bạn mới đến với Blogger cũng như những bạn mới học thiết kế Web như mình đoạn coe này trên nền tản CSS và HTML. Các bạn thực hiện theo các bước sau nhé.


  1. Đăng nhập vào Blogger - Chủ đề - Chỉnh sửa HTML
  2. Tìm đến thẻ </head> và thêm đoạn code  bên dưới vào ngay bên trên nó


<script type="text/javascript">
var txt="Chào mừng bạn đến với Longanit.com. Chúc các bạn có những giây phút vui vẻ";
var espera=150;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
refresco=setTimeout("rotulo_title()",espera);
}
rotulo_title();
</script>

3. Bạn thay thế dòng text: Chào mừng bạn đến với longanit.com thành nội dung mà bạn muốn hiển thị trên thanh chạy.

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn thủ thuật tạo chữ chạy trên thanh tiêu đề cho Blog của mình rồi đấy. Hy vọng thủ thuật này sẽ giúp làm đẹp thêm cho 'ngôi nhà' của bạn.

Hướng dẫn tạo thanh cuộn Scrollbar bằng CSS cho Blogger

LongAnIT 12/29/2018 09:09:00 SA Bình luận
Khi bạn viết bài trên blog, đôi khi nội dung một trang quá dài hoặc các tiêu đề trên widget quá nhiều. Biện pháp tạo thanh cuộn (Scrollbar) là một giải pháp để rút ngắn không gian trình bày giúp cho blog của bạn thêm chuyên nghiệp và đẹp hơn.

Trong bài viết này longanit.com sẻ hướng dẫn cho các bạn cách tạo Scrollbar cho blogger cũng như một số tiện ích (Widget).

1. Tạo thanh cuộn cho Widget

Trường hợp 1: Scrollbar cho tất cả các Widget Blogger


  •  Đăng nhập vào Blogger - Chủ đề - Chỉnh sửa HTML 
  • Chèn đoạn code bên dưới vào trước thẻ ]]></b:skin> 
.sidebar .widget{
max-height:300px;
max-width:300px;
overflow:auto;
}

 Trường hợp 2: Scrollbar cho một widget cố định

Trong trường hợp này bạn cần xác định ID của Widget mà bạn cần tạo Scrollbar. Cách xác định ID bạn làm như sau:

Đăng nhập vào Blogger - Bố cục như hình bên dưới.

Trang quản lý các Widget trong blogger
Trang quản lý các Widget trong blogger  
Như hình trên tôi chọn một Widget bất kỳ sau đó click vào chỉnh sửa. Một Popup mở ra trên thanh address bạn rê chuột vào cuối thanh địa chỉ để xem ID của Widget như hình bên dưới thì Widget ID là "Label1"

Lưu ý: Mỗi Widget sẻ có một ID riêng biệt. Trong blogger thường có tên là : HTML1, HTML2, HTML3...,

Xem thông tin ID của Widget trên Bloggger
Xem thông tin ID của Widget trên Bloggger

 Sau khi xác định được Id của Widget bạn vào Chủ đề - Chỉnh sửa HTML sau đó chèn  đoạn code bên dưới vào trước thẻ đóng  ]]></b:skin>
#Label1{
    max-height:300px;
    max-width:300px;
    overflow:auto;
    }

Giải thích: Trong  đoạn code trên thì mình sử dụng các thuộc tính sau:

  • max-height:300px; chiều cao tối đa của tiện ích, nếu muốn không muốn tạo thanh cuộn theo chiều dọc thì bạn bỏ thuộc tính này.
  • max-width:300px; chiều rộng tối đa của tiện ích, nếu muốn không muốn tạo thanh cuộn theo ngang dọc thì bạn bỏ thuộc tính này.
  • overflow:auto là thanh cuộn xuất hiện khi chiều cao tiện ích vượt chiều cao tối đa.

 Nếu Widget là các liên kết thì đoạn mã có dạng như sau:
#LinkList1 ul{
height:300px;
overflow:auto;
}

2. Tương tự như vậy cho các Widget khác cũng như các tiện ích trên Blogger ví dụ như sau:


Tạo thanh cuộn cho phần comment tìm trong CSS đoạn code sau
#comments-block {.....}
Tạo thanh cuộn cho đoạn văn bản dài bạn sử dụng cú pháp CSS như sau
.scrollingtext {
height:200px;
width:500px;
border:0;
overflow:auto;
}
Bạn có thể điều chỉnh chiều cao (height:200) và chiều rộng (width:500) tùy ý.
Mỗi khi đăng bài thì bạn nhập văn bản vào giữa 2 phần cú pháp định dạng (lưu ý đăng bài ở dạng Chỉnh sửa HTML) như sau:
<div class="scrollingtext">
Văn bản của bạn....
</div>

Kết luận: Qua bài viết trên tôi đã hướng dẫn cho các bạn cách tạo thanh Scrollbar cho Blog cũng như các tiện ích Widget. Cảm ơn các bạn đã quan tâm theo dõi nếu có thắc mắc vui lòng để lại comment bên dưới để góp ý hoặc trao đổi.

Google+ sắp bị khai tử trong vòng 10 tháng tới

LongAnIT 12/25/2018 03:16:00 CH 2 Bình luận
Quyết định 'khai tử' Google+ sau sự cố rò rỉ dữ liệu được coi như 'hồi chuông cảnh tỉnh' đối với các nền tảng mạng xã hội miễn phí, đặc biệt là trang mạng xã hội lớn nhất hành tinh Facebook.

Giao diện trang mạng xã hội Google Plus. Ảnh: WikiHow
Giao diện trang mạng xã hội Google Plus. Ảnh: WikiHow

Trong vòng 10 tháng tới, Google sẽ cho đóng dịch vụ xã hội Google Plus phiên bản dành cho người tiêu dùng.

Công ty Google đã công bố thông báo chính thức trên blog ngày 8/10. Quyết định trên được đưa ra ngay sau khi báo Wall Street Journal đăng thông tin có một lỗ hổng an ninh được phát hiện vào tháng 3 để lộ thông tin cá nhân của 500.000 người.

Điều đáng nói ở đây là Google đã chọn cách không tiết lộ về vấn đề này. Không những vậy, Giám đốc điều hành Google là ông Sundar Pichai cũng được thông báo về việc không được nói cho bất kỳ ai, mà theo báo cáo của WSJ là do lo ngại làm vậy sẽ thu hút sự giám sát và gây tổn hại đến danh tiếng của Google.

Google cho biết Google+ hiện có lượng người sử dụng khá thấp, với 90% người sử dụng Google+ ghé thăm trang chưa đầy 5 giây. Tuy nhiên, công ty vẫn có kế hoạch giữ dịch vụ này cho khách hàng doanh nghiệp để giữ liên lạc với các đối tác, nhân viên. Những tính năng mới sẽ được tích hợp để phục vụ cho mục đích đó.

Bên cạnh việc “khai tử” Google+, Google thông báo những phần điều chỉnh thông tin cá nhân mới cho các dịch vụ khác của công ty này. Sự thay đổi trong giao diện lập trình ứng dụng (API) sẽ hạn chế việc người lập ứng dụng tiếp cận thông tin trên các thiết bị Android và Gmail. Những người phát triển ứng dụng sẽ không còn nhận được lưu trữ cuộc gọi, tin nhắn trên các thiết bị Android cũng như những dữ liệu tương tác sẽ không khả dụng trên hệ thống API Liên lạc của Android.

Đối với Gmail, Google đang cập nhật Chính sách Thông tin người sử dụng với phiên bản người tiêu dùng. Sự thay đổi này sẽ hạn chế các ứng dụng tiếp cận thông tin người sử dụng.

Bất kỳ bên phát triển ứng dụng nào có quyền tiếp cận thông tin đều sẽ phải trải qua các cuộc đánh giá an ninh và thống nhất những quy định mới về việc tiếp cận dữ liệu, ví dụ như không được chuyển hay bán dữ liệu khách hàng vì mục đích quảng cáo, nghiên cứu thị trường…

Từ đầu năm nay ,“ông lớn” Google đã thực hiện nhiều thay đổi liên quan đến chính sách bảo mật sau khi báo Wall Street Journal đăng bài viết mô tả chi tiết rằng bên phát triển ứng dụng thứ 3 có thể đọc và phân tích tin nhắn của người sử dụng Gmail. Thời điểm đó, Suzanne Frey – Giám đốc phụ trách an ninh và bảo mật cho Google Cloud – khuyến cáo người sử dụng phải cân nhắc cho phép các ứng dụng tiếp cận tài khoản cá nhân và khẳng định sẽ can thiệp nếu thấy cần thiết. Năm ngoái, Google cũng thông báo dừng việc quét nội dung trong tin nhắn gửi bằng Gmail sử dụng cho mục đích quảng cáo.

Quyết định “khai tử” Google+ sau sự cố rò rỉ dữ liệu được coi như "hồi chuông cảnh tỉnh" đối với các nền tảng mạng xã hội miễn phí, đặc biệt là trang mạng xã hội lớn nhất hành tinh Facebook.

Hồi tháng 4, Facebook phải trải qua vụ khủng hoảng do để lộ thông tin người dùng nghiêm trọng nhất trong lịch sử công ty kể từ khi được thành lập.

Vụ bê bối bị phát giác sau khi hai tờ báo lớn là New York Times của Mỹ và The Guardian của Anh đồng loạt đưa tin về việc thông tin của 50 triệu "Facebooker" bị công ty phân tích dữ liệu Cambridge Analytica (CA) của Anh khai thác trái phép. Dư luận càng dậy sóng khi ông chủ Facebook - Giám đốc điều hành Mark Zuckerberg thừa nhận con số người dùng thực tế bị khai thác dữ liệu trái phép lên tới gần 90 triệu người. Bản thân vị tỷ phú 33 tuổi trong cũng phải ra điều trần trước Quốc hội Mỹ để giải trình.

Dù cho Mark Zuckerberg đã xin lỗi người dùng toàn cầu nhận trách nhiệm và cam kết thay đổi chính sách để ngăn ngừa những sai sót về quản lý dữ liệu, nhưng sự thất bại của mạng xã hội lớn nhất hành tinh này trong việc bảo vệ thông tin người dùng đã khiến hàng nghìn người rủ nhau tẩy chay với chiến dịch có tên “DeleteFacebook”.

Hồng Hạnh/Báo Tin tức

Mẹo kiểm tra nhanh bài viết đã được google index ?

LongAnIT 12/25/2018 02:12:00 CH Bình luận
Để kiểm tra xem bài viết mới của bạn đã được Google Index hay chưa hãy sử dụng cách đơn giản sau đây

Bước 1: Bạn ở tab duyệt web mới và truy cập vào www.google.com.vn

Bước 2: Dán Url bài viết cần kiểm tra vào Google như hình bên dưới:
Kiểm tra google index bài viết mới hay chưa
Kiểm tra google index bài viết mới hay chưa

Bước 3: Xem kết quả trả về có chứa tiêu đề và nội dung bài viết đó tức là nội dung bài viết đã được Google Index rồi.

Kết quả trả về thông tin index bài viết mới nhất
Kết quả trả về thông tin index bài viết mới nhất

Như ở trên thì bạn đã thấy kết quả trả về từ google với đầy đủ thông tin chứng tỏ là google đã index bài viết mới của bạn. Ngược lại nếu kết quả trả về không thấy gì chứng tỏ là google chưa index. Ngoài ra bạn có thể xem thông tin đầy đủ hơn về site của bạn với lệnh : site: tenwebsite

Ví dụ : site:longanit.com

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn một số cách cơ bản giúp bạn kiểm việc index bài mới từ google cho site trong thời bảo index.