Chia sẽ mẫu giới thiệu tác giả chất

Chào các bạn đọc giả của Trọng Blogger nhé, hôm nay mình chia sẽ 1 kĩ thuật để trang trí cho blog của bạn đẹp mắt hơn, tuy nhỏ nhưng không kém phần thú vị đâu nh. Và dưới đây là mẫu và phần mình hướng dẫn chi tiết nhé ✌

THỰC HÀNH:

Bước 1: Các bạn vào blogger phần Chủ đề và tìm thẻ ]]></b:skin> sau đó chèn tất cả css bên dưới lên bên trên thẻ đó nhé.

<div class="about-author">
  <a href="//www.facebook.com/ChuaNghiDuoc9" rel="nofollow" target="_blank" title="Lê Vạn Bảo Trọng">
    <img alt="Lê Vạn Bảo Trọng" src="//i.imgur.com/CTWjwuZ.jpg" />
    <p class="name">
      <span>Lê Vạn Bảo Trọng</span>
      <span data-tooltip="Đã xác minh">
        <svg focusable="false" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
          <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path>
        </svg>
      </span>
    </p>
  </a>
  <p class="aboutme">Mình là Trọng - cậu nhóc sinh năm 2004, mình đam mê về Công nghệ thông tin từ nhỏ, vì vậy mình có học qua một số ngôn ngữ lập trình và thiết kế, mình tạo blog này để chia sẽ những cái hay mà mình biết cho mọi người tìm hiểu. Hi vọng các bạn ủng hộ mình.<br /></p>
  <p class="social">
    <a href="//www.facebook.com/chuanghiduoc9/" rel="nofollow" target="_blank" title="Theo dõi tôi trên Facebook"><span class="facebook-icon social-icon"></span></a>
    <a href="//twitter.com/chuanghiduoc/" rel="nofollow" target="_blank" title="Theo dõi tôi trên Twitter"><span class="twitter-icon social-icon">
   
  </span></a></p>
</div>

Hoặc các bạn có thể dùng code này

<div class="widget-content">
<div class="about-widget">
<div class="cover">
<img src="https://i.imgur.com/5N01ByY.jpg" style="
    width: 400px;
" />
</div>
</div><div class="about-author">
<a href="https://plus.google.com/100425914480365587416" rel="noopener" target="_blank" title="Lê Vạn Bảo Trọng">
<img alt="Lê Vạn Bảo Trọng" src="https://i.imgur.com/CTWjwuZ.jpg" />
<p class="name">
<span>Lê Vạn Bảo Trọng</span>
<span data-tooltip="Đã xác minh">
<svg focusable="false" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"></path>
</svg>
</span>
</p>
</a>
<p class="aboutme" style="
    text-align: center;
">❝<i> Sự Nghiệp chưa thành đâu dám nghĩ tới Hồng Nhan</i> ❞<br />
Contact:levanbaotrong03@gmail.com<br /></p>
<div class="widget-info-lebalong">
<div class="content-w">
<ul>
<li><p><i class="fa fa-briefcase"></i>Làm việc tại <a href="https://www.facebook.com/ChuaNghiDuoc9" target="_blank">Thanh Hóa</a></p></li>
<li><p><i class="fa fa-home"></i>Sống tại <a>Thanh Hóa, Vietnam</a></p></li>
<li><p><i class="fa fa-heart"></i>Độc thân</p></li>
<li><p><i class="fa fa-rss"></i>Có <a>1.010.983</a> người theo dõi</p></li>
</ul></div><p class="social">
<a href="https://www.facebook.com/chuanghiudoc9" rel="noopener" target="_blank" title="Theo dõi tôi trên Facebook"><span class="facebook-icon social-icon"></span></a>
<a href="https://twitter.com//" rel="noopener" target="_blank" title="Theo dõi tôi trên Twitter"><span class="twitter-icon social-icon"></span></a>
<a href="https://www.linkedin.com/in/" rel="noopener" target="_blank" title="Theo dõi tôi trên Linkedin"><span class="linkedin-icon social-icon"></span></a>
<a href="https://feedburner.google.com/fb/a/mailverify?uri=LeVanBaoTrong" rel="noopener" target="_blank" title="Theo dõi qua Email"><span class="followbyemail-icon social-icon"></span></a>
</p>
</div>
</div>
</div>

Lưu ý: Các bạn chỉnh sửa thông tin phần HTML/Javascript sao cho phù hợp với bạn nhé.

Thêm đánh giá

Bài đăng mới hơn