Tạo box mô tả nội dung Search Label cho Blogspot

Đôi khi Google Bot lấy nội dung lung tung trên những bài viết trong trang Search Label làm description nên hôm nay Thịnh ND xin hướng dẫn các bạn tạo một box mô tả nội dung cho trang Search Label. Box này sẽ hiển thị trên các bài viết của một  Label cho Google Bot nhận dạng.

HƯỚNG DẪN:

Bước 1: Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Tìm tới thẻ

<b:section class='main' id='main' showaddelement='no'>

hoặc

<b:section class='main' id='main' showaddelement='yes'>

và chèn lên trên nó đoạn code sau

<b:if cond='data:blog.searchLabel'>
<style type='text/css'>
.thinhnd-newsfea h1{
 background-color: #fff;
  background-image: url();
  background-repeat: no-repeat;
  background-position: right center;
  font: 24px &#39;Roboto Condensed&#39;,tahoma, sans-serif;
  font-weight: bold;
  color: #FF6600;
  text-transform: uppercase;
  margin: 0;
  padding: 4px 0 3px 10px;
  text-shadow: -1px -1px #0359B0;
  border-bottom: 2px solid #FF6600;
}</style>
<div class='thinhnd-newsfea'>
<img alt='Templates-Blogspot' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjANlT5UPDWYzuLJL5cDwNnUo8BlvEcKT9v8oLSfEF33P03EnKsaZ0oep9NvN-nRtXWFcZ5ooPk4Z8Ic0YHEhgINms21dUd5K3rq7FKcNt1m9Klyi_uXvTGxg-5zKadv9kQMfwpudl7swAx/s1600/loading.gif' style='float: left;margin-right: 5px;border: 1px solid #cecece;border-radius: 50px;' title='Templates-Blogspot' width='90'/><h1>Chuyên mục : <data:blog.pageName/></h1><b>Thinhnd Share</b> là website chia sẻ Template Blogger/Blogspot miễn phí. <b><data:blog.pageName/></b> là một chuyên mục hay mà bạn nên xem tại <a href='http://share.thinhnd.com/' target='_blank' title='Thinhnd Share'>Thinhnd Share.</a>
  <br/>
<br/>
 <br/>
  </div></b:if>

Thay lại cho phù hợp bạn nhé!

Vậy là xong, lưu mẫu và kiểm tra. Chúc bạn thành công!